我正在尝试使用 css 按顺序对 3 个框进行编码。
例如:框 1 更大,在框 1 内是框 2,它较小但在框 1 内居中。框 3 在框 2 内,也按比例在框 2 内居中。所以框 1 > 框 2 > 框 3。有点像这样...
但无论何时我这样做,框 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/