使用绝对定位有个限制就是父集必须设置一个固定的高度。
首先HTML
1 <div id="box">2<div class="child"></div>3 </div>
CSS
1 #box { 2position: relative; 3height: 500px; 4background: red; 5 } 6 .child { 7width: 100px; 8height: 100px; 9background: blue;10margin: auto;11position: absolute;12top: 0;13right: 0;14bottom: 0;15left: 0;16 }
示例图: