所以我正在我的网站上处理用户的个人资料页面。我对 CSS 有一点问题。
我的问题如下:我有四个宽度固定但高度可变的 div 框,我希望它们将一个堆叠在另一个之上。
下图是我的问题的截图,标题为“最新视频”的 div 应该粘在标题为“基本信息”的那个上。就像“联系方式”和“最新照片”一样。
我的 html 看起来像这样:
<div style="margin-left:-10px">
<div class="infoBox" style="width:360px; margin-left:9px">
Content goes here for basic info
</div>
<div class="infoBox" style="width:360px; margin-left:9px">
Content goes here for contact info
</div>
<div class="infoBox" style="width:360px; margin-left:9px">
Content goes here for latest photos
</div>
<div class="infoBox" style="width:360px; margin-left:9px">
Content goes here for latest videos
</div>
</div>
信息框的 CSS 类如下所示:
.infoBox {
width: 100%;
margin: -1px;
background-color:#37312d;
padding:5px;
border:#5b504a solid 1px;
margin-bottom:9px;
float:left;
}
我该怎么做才能完成这项工作?