1

我有两个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;
} 
4

2 回答 2

3

它不起作用,因为您将它们向左浮动。

从每个 DIV 中删除浮动左属性,并给它们两个“margin:0 auto”。

您也不必在 DIV 上声明 display: block,因为这是它们的默认状态。

于 2013-02-08T14:50:47.907 回答
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;}
于 2013-02-08T14:49:31.117 回答