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

2024-11-27 02:19:44
推荐回答(4个)
回答1:

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

回答2:

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

回答3:

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

回答4:

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