Question

到clear: both我的内容我用这个：

CSS：

.clr {
  clear: both;
  height: 0; /* i have tried 0.001em to */
  line-height: .001em;
  overflow: hidden;
}

HTML：

<div class="clr">&nbsp;</div>

它在每个导航器中都能很好地工作。但在IE 7＆amp; 8 div仍然具有几个像素的高度。我怎么能避免这个？

Answer 1

这是一个IE字体问题。

添加

font-size: 0;

到你的css声明

Answer 2

刚刚遇到这个并且Ben给出的答案是有道理的，但是2011年12月在IE 7上它是不完整的（遗留支持需要这个。

font-size:0;是一个好的开始，但最初并没有为我做。

沿着这条思路，你需要注意行高。如果你在DOM中将line-height设置得更高，可能是由于这些东西的性质，它会被继承（就像发生在我身上一样）

如果您在父级上设置了行高，请务必在您尝试使用的子级上明确设置它以强制清除：

font-size:0;
line-height:0;

-Brandt

Answer 3

您是否尝试过使用“easy clearing”（或“clearfix”）进行无标记清除。它通常更简单：

Answer 4

使用空DIV来辅助演示通常是不好的做法。您可以考虑更改要清除的元素的CSS。很多时间清除可以通过使用关闭inline-block来替换。请参阅http://google.co.uk/notebook/public/06909424369135510368/BDROpQwoQ4-fhwfsj#SDRZLQgoQtfHkwfsj。

富