如果我们使用`overflow:hidden`来清除浮点数,是否有任何负面问题?

时间:2009-11-19 07:13:24

标签: css xhtml

如果我们使用overflow:hidden清除浮动,是否存在任何负面问题。它是跨浏览器兼容IE 6,7,firefox,safai等吗?

overflow:hidden是否足够,或者我们还需要添加Zoom:1才能与IE兼容?

这是否比.clearfix更好地获得跨浏览器兼容性?

1 个答案:

答案 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>