如何使用css＆html構建3個盒子堆疊在彼此之上

我試圖按順序使用css按比例編碼3個盒子。如何使用css＆html構建3個盒子堆疊在彼此之上

例如：盒子1較大，盒子1內部較小，盒子2較小但居中於盒子1內。盒子3內部盒子2也按比例居中在盒子2內。因此，盒子1>盒子2 > box 3. Someting like this ...

但隨時我做它盒子2和3沒有真正地集中我想要的方式。

代碼：

<body> 
<div id="wrapper"> 
    <div class="Box1"> 
     <div class="Box2"> 
      <div class="Box3"></div> 
     </div> 
    </div> 
    <!--- End Of Center-Wrapper ---> 
</div> 
<!--- End Of Wrapper ---> 
</body>

的jsfiddle：http://jsfiddle.net/mcquaye/mxtCs/

來源

2013-06-20 Four.Twenty

這裏是鏈接到我的代碼，請...由於某種原因，我不能把它放在那裏（http://jsfiddle.net/mcquaye/mxtCs/） –

爲內框添加'margin：0 auto;' –

增加保證金自動向BOX2和BOX3

.box2{margin:auto;} 
.box3{margin:auto;}

來源

2013-06-20 11:40:54

yh工作原理魅力。謝了哥們！ –

如何使用css＆html構建3個盒子堆疊在彼此之上

回答

相關問題