转的 关于div 的重叠

用div+css布局的页面在IE浏览器中显示得好好的，可是一到Firefox浏览器中就出现布局层重叠的现象，主要是因为Firefox和IE在处理层方面有一些细微的差别。通过我制作页面的经验，为大家提出一个常见的解决办法。

<style type="text/css">
#top{
 float:left;
 margin:4px;
}
#foot{
 border:1px solid #c0c0c0;
 margin:0px auto;
}
.clear{
 clear:both; 
}
</style>
<div id="top">此处为第一个层的内容</div>
 此处为文章的具体内容。
 <div class="clear"></div>
<div id="foot">此处为第二个层的内容</div>

     以上代码中红色部分即为解决div层重叠的方法，即在两个层中间加一个空白层，清除该层两边的浮动，使得上面的层与下面的层不在同一行。

在hbcms的css框架下，可以直接用 <div class="clear"></div>

clear:both;  /*该行的目的就是增加了一个空白层，清除该层两边的浮动使得上面的 层与下面的脚注层不在同一行*/