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

发布网友发布时间：2022-04-24 23:33

共4个回答

热心网友时间：2022-04-21 00:55

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

热心网友时间：2022-04-21 02:13

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

热心网友时间：2022-04-21 03:48

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

热心网友时间：2022-04-21 05:39

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