我正在尝试在 .NET MVC 中构建一个页面(这并不重要)，其中使用 float 将 div 分为左容器和右容器。当我尝试使用 <b> 以外的任何东西清除 float 时标签(如 <div> 或 <br> )，IE8 将无法正确渲染页面(就好像它忽略了标签中的样式)。如果我使用<b>标签，Chrome 和 Firefox 无法正确呈现页面。我已经检查了我的 HTML，以确保我没有任何杂散标签，并通过 W3C 标记验证器运行它，并且它通过了 XHTML 1.0 严格要求。我对这里可能发生的事情感到茫然。我意识到有更好的方法来清除 float (例如使用 :after 伪元素)，但我需要一些简单而干净的东西。我想知道是否有人知道什么可能会导致这种情况发生，也许是样式表中的某些内容？预先感谢您的帮助。
最佳答案
我找到了。愚蠢的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>
关于css - 清除 IE 8 中的 float ，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/1981101/