Question

CSS html 如何让三个横向排列的div在浏览器中无论如何不换行

想让三个div总是显示在同一行，并且每个div有最低宽度。
当浏览器宽度变小，三个div都不换行。

Answer 1

给div1设置高度和宽度，如height：100px；width：50px；
那么迹耐闹为div2设置相同高宽亩隐度的同时，添加margin：-100px auto 0 50px；此时div2和div1等高宽且并排，div3也是类似设置方法
总结姿罩：利用margin-top为负值的方法可以达到并排效果
div+css中最好不要使用float属性，这对今后修改会产生很多不必要的麻烦

Answer 2

最外边的div或table设置100%宽度，内侧三个分别按百分比设计宽度。

Answer 3

父层喊顷设置100%宽度 内层只能设置百分比宽度，否耐前则在 宽度不够郑亩陆的前提下会跑到下面去，
min-width：300px;width:30%;这样写兼容有问题

Answer 4

给个float:left; 然后在三个DIV外面再套个大DIV把这三个DIV给包住

追问

外面已经包个父div了。
三个都是float：left;设置了min-width：300px;width:30%;
当浏览器变小，装不下的那个div会跑到下面右边。
父div设置宽度auto，overflow：hidden对这个有没有影响