清除IE 8中的浮动
清除IE 8中的浮动
提问于 2009-12-31 00:36:34
我正在尝试在div MVC中构建一个页面(这并不重要)，在这个页面中，一个.NET被使用一个浮动分成左和右两个容器。当我尝试使用<b>标记(如<div>或<br>)以外的任何标记清除浮动时，IE8将无法正确呈现页面(就好像它忽略了标记中的样式)。如果我使用<b>标签，Chrome和Firefox不能正确呈现页面。我已经检查了我的超文本标记语言，以确保没有任何杂乱的标记，并通过了W3C标记验证器，它严格通过了XHTML1.0。我对这里可能发生的事情感到不知所措。我意识到有更好的方法来清除浮点数(例如使用:after伪元素)，但我需要一些简单和干净的方法。我想知道有没有人知道什么可能会导致这种情况发生，也许是样式表中的一些东西？提前感谢您的帮助。
回答 3
Stack Overflow用户
回答已采纳
发布于 2009-12-31 01:48:31
我找到了。愚蠢的IE。我必须将容纳两个浮动容器的div的高度设置为100%。我猜Mozilla和Chrome的高度是100%，而IE不是。我应该说得更清楚些。问题是，当我使用DIV标签清除浮动时，我的容器中没有显示任何内容，或者背景颜色不能填充。我必须安装IE developer工具栏才能弄清楚到底是怎么回事。
<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>Stack Overflow用户
发布于 2009-12-31 00:52:40
尝试使用clearfix方法：http://www.positioniseverything.net/easyclearing.html
Stack Overflow用户
发布于 2012-04-11 07:13:27
jimbo，我建议使用类而不是I，并在样式表中包含所有样式。此外，这应该很好地说明了http://goo.gl/uxu8G和clear做了什么
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/1981101
复制相关文章
相似问题
腾讯云开发者
