css水平垂直居中（绝对定位居中）

使用绝对定位有个限制就是父集必须设置一个固定的高度。

首先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 }

示例图：