为什么我的div标签的高度在Chrome中计算为0？

Question

我正在处理网页(链接文字),但我在谷歌浏览器中遇到了高度属性问题.如果您查看该页面,您会注意到没有背景颜色.这是因为#mainContent的高度为0px.在Internet Explorer中,情况并非如此.有人有想法吗？

Answer 1

这是因为内部内容正在浮动.父元素不会占用浮动子元素的高度.尝试添加overflow: hidden;到#mainContentCSS.

Answer 2

#mainContent内部的所有内容都是浮动的.浮动不会使其容器调整大小.最简单的解决方案是在#mainContent之前添加一个明确的权限,如下所示:

<div id="mainContent">
<!-- inner bars -->
<div style="clear:both;"></div>
</div>