css - 在 IE 8 中清除 float

Question

我正在尝试在 .NET MVC 中构建一个页面(这并不重要)，其中使用 float 将 div 分为左右两个容器。当我尝试使用 <b> 以外的任何其他方式清除 float 时标签(如 <div> 或 <br> )，IE8 将无法正确呈现页面(就好像它忽略了标签中的样式)。如果我使用 <b>标记，Chrome 和 Firefox 无法正确呈现页面。我检查了我的 HTML 以确保我没有任何杂散标签，并通过 W3C 标记验证器运行它并且它通过了 XHTML 1.0 严格。我不知道这里会发生什么。我意识到有更好的方法来清除 float (例如使用 :after 伪元素)，但我需要一些简单干净的方法。我想知道是否有人知道可能导致这种情况发生的原因，也许是样式表中的某些内容？在此先感谢您的帮助。

Answer 1

我找到了。愚蠢的IE。我必须将容纳两个 float 容器的 div 的高度设置为 100%。我猜想 Mozilla 和 Chrome 假定 100% 的高度，而 IE 则没有。我应该更明确。问题是，当我使用 DIV 标签清除 float 时，我的容器中没有显示任何内容，或者背景颜色不会填充。我必须安装 IE 开发人员工具栏才能弄清楚发生了什么。

<div id="floatcontainer" style="width:100; height:100%;">

<div id="floatleft" style="float:left; width:50%; background-color:#454545;"></div>
<div id="floatright" style="float:right; width:50%;"></div>
<div id="clear" style="clear:both;"></div>

</div>