html - 居中两个 div

Question

我有两个div要居中的 s。

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

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