我在div中有一个div,还有另外两个div。一个必须位于左侧,另一个必须位于中心,但是当我检查
时,边距为0<div class="row">
<!-- START LOGO -->
<div id="logo" class="span3">..</div>
</div>
<!-- END LOGO -->
<!-- START MENU - TOPBAR -->
<div id="nav-topbar" class="span9">...</div>
</div>
这是css
.row{
width:100%;
}
.span3{
float:left;
position:absolute;
width 270px;
}
.span9{
margin-left:auto;
margin-right:auto;
width:870px;
}
答案 0 :(得分:1)
<强> HTML 强>
<div class="row">
<!-- START LOGO -->
<div id="logo" class="span3">..</div>
<!-- END LOGO -->
<!-- START MENU - TOPBAR -->
<div id="nav-topbar" class="span9">...</div>
<!-- END TOPBAR -->
</div>
<强> CSS 强>
注意:我添加了黑色边框,以便您可以看到div的轮廓。
.row{
width:100%;
}
.span3{
border:1px solid black;
float:left;
width:270px;
}
.span9{
border:1px solid black;
left:50%;
margin-left:-435px;
position:absolute;
width:870px;
}