css - 我们是否应该同时使用溢出 : hidden and display:inline?

Question

对于 float 元素，当我们使用 overflow:hidden 清除 float 时，我们是否应该始终定义 display:inline 以及 overflow:hidden？

对IE兼容有好处吗？我们应该始终遵循吗？

#secondary-col {
float:left;
overflow:hidden;
display:inline;

}

Answer 1

display: inline 是对 IE6 的修复，以防止双边距错误。如果您曾经 float 过某些东西，那么最好将其包括在内。如果您有特定于 IE 的样式表，那么最好将其保留在那里(否则它是一个无用的属性)。

overflow: hidden 是一种用于强制包含 float 元素的元素占据内容的全部高度的技术。示例:

<div class="wrapper">
    <div class="floater">floating element</div>
</div>

在这里，包装器的高度将为 0，因为它只包含 float 元素。要解决这个问题，您可以向包装器添加两个属性之一:overflow: hidden 或 float: left。

两者都会强制包装器具有正确的高度，但是 float 的显然也会使元素 float ，这可能是您不希望的。如果包装器具有固定高度，则不要使用溢出，因为文本可能会隐藏。

所以基本上，如果您已经拥有 float: left，则不需要 overflow: hidden。但是您可以为 IE6 保留 display: inline。