我有以下内容:
<div id="aboutus">
<div id="header"></div>
<div id="headerbar"><p>ABOUT US</p></div>
<div id="contentarea">
<p>CONTENT ABOUT US</div>
<div id="clear"></div></div>
<div id="contact">
<div id="header"></div>
<div id="headerbar"><p>CONTACT US</p></div></div>
<div id="contentarea">CONTENT CONTACT US</div>
<div id="clear"></div>
</div>
和:
#aboutus {
float:left;
width:100%;
height:100%;
}
#contact{
float:left;
width:100%;
height:100%;
}
#headerbar {
float:left;
width:25%;
height:100px;
text-align:right;
padding-right:5px;
}
#contentarea{
float:left;
width:70%;
height:100px;
}
#clear{
clear: both;
}
#header{
background:url(bg.png) no-repeat center center;
background-size:contain;
width:100%;
height:200px;
}
我对此完全陌生,所以我确定我在做一些愚蠢的事情。基本上它的两个 2 列布局相互叠加,aboutus div 很好,但是联系人 div 显示在 about us div 中。关于我做错了什么有什么建议吗?