中心在div内对齐div？

Question

如何在页面中心对齐3个浮动div？？

<div style="width:100%">
     <div style="width:90%">
           <div style="width:80%">
                //Content
           </div>
     </div>
</div>  

Answer 1

在CSS中使用margin: auto。

<div style="background-color: red; height: 100px; width: 500px; margin: auto;">
     <div style="background-color: green; height: 100px; width: 300px; margin: auto;">
           <div style="background-color: blue; height: 100px; width: 100px; margin: auto;">
                //Content
           </div>
     </div>
</div>  

Answer 2

如果您居中的元素具有指定的宽度，则可以将其置于margin: 0 auto

的中心位置