关于层高度的问题

层内包含的控件如有浮动的样式，如"float:left"，可能会导致层的高度有问题，如底层的高度小于顶层的高度，这种情况下可以在底层的底部设置一个空的层“<div style="clear:both;"></div>”，问题就解决了。

如下代码在w3c环境下，如果不加上述的层，背景图片就无法正常显示，究其原因，是因为body1只有单行高度：

 

<style>
#body1 {background:url(body.jpg) no-repeat; }
#body1 #left1 { float:left; clear:left; }
#body1 #right1 { float:right; clear:right;
</style>
.........
<div id="body1">
<div id="left1">分类</div>
<div id="right1">内容</div>
<div style="clear:both;"></div>
</div>