如果我们使用overflow:hidden
清除浮动,是否存在任何负面问题。它是跨浏览器兼容IE 6,7,firefox,safai等吗?
overflow:hidden
是否足够,或者我们还需要添加Zoom:1
才能与IE兼容?
这是否比.clearfix更好地获得跨浏览器兼容性?
答案 0 :(得分:1)
这里有一个非常全面的浮动清算技术清单:
How do you keep parents of floated elements from collapsing?
我个人使用“浮动父母”技术。它适用于所有常见的浏览器(IE6 +,Firefox,Safari等),它似乎是所有可能技术中“最不脏”的。
修改评论:
如果我理解正确的话,这应该有用:
#main {
width: 900px;
position: absolute;
left: 50%;
margin-left: -450px;
}
#col1, #col2, #col3 {
float: left;
width: 300px;
}
<body>
<div id="main">
<div id="col1"></div>
<div id="col2"></div>
<div id="col3"></div>
</div>
</body>