css - 无法在另一个 div 中居中 div

Question

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

Answer 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;
}