我正在制作一个网页(链接文本),但在Google Chrome浏览器中遇到了高度属性的问题。如果您查看该页面,您会注意到没有背景颜色。这是因为#mainContent的高度为0px。但在Internet Explorer浏览器中,情况并非如此。有人有什么想法吗?
我正在制作一个网页(链接文本),但在Google Chrome浏览器中遇到了高度属性的问题。如果您查看该页面,您会注意到没有背景颜色。这是因为#mainContent的高度为0px。但在Internet Explorer浏览器中,情况并非如此。有人有什么想法吗?
这是因为内部内容被浮动了。父元素不会占用浮动子元素的高度。尝试在 #mainContent
的css中添加 overflow: hidden;
。
#mainContent里的所有内容都是浮动的。浮动元素不会使其容器重新调整大小。最简单的解决方法是在#mainContent结束之前添加一个clear属性,像这样:
<div id="mainContent">
<!-- inner bars -->
<div style="clear:both;"></div>
</div>
.clearfix{
clear:both;
}
<div id="mainContent">
<div id="rightSide">
...
</div>
<div id="content">
...
</div>
<div class="clearfix"/>
</div>
尝试明确定义默认值
height:auto;