<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>
#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; /*该行的目的就是增加了一个空白层,清除该层两边的浮动使得上面的 层与下面的脚注层不在同一行*/