不能在另一个div中心div

时间:2014-04-10 17:29:37

标签: css html position

我在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;
}

1 个答案:

答案 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;
}