中心两个div

Question

我有两个div我希望将它们集中在一起。

这是我的代码，不起作用：

HTML

<div id="central-top-wrapper" class="clearfix"> 
    //content
</div> 

<div id="central-bottom-wrapper" class="clearfix"> 
    //content 
</div> 

CSS

#central-top-wrapper {
    float: left;
    width: 70%;
    display: block;
    margin: 0 auto;
}  
#central-bottom-wrapper {
    width: 43%;
    float: left;
    display: block;
    margin: 0 auto;
} 

Answer 1

它没有用，因为你把它们漂浮了。

从每个DIV中移除剩余的浮动，并为它们提供“margin：0 auto”。

您也不必在DIV上显示display：block，因为这是他们的默认状态。

Answer 2

使用此：

<div style="text-align: center;">
<div id="central-top-wrapper">
    //divs content
</div>

<div id="central-bottom-wrapper">
    //divs content
</div>
</div>

的CSS：

#central-top-wrapper {width: 70%; margin: 0;}  
#central-bottom-wrapper {width: 43%; margin: 0;}