若已知父元素的宽高，设置相对定位
子元素若高度300px，设置绝对定位，top:50% margin-top:-150px（子元素高度的一半）；
<div class="a"> <div class="b"> 元素居中 </div> </div>
.a{ width:800px; height:600px; position:relative; background:black; } .b{ width: 500px; height: 300px; margin-top:-150px; position: absolute; top: 50%; background-color: white; float:left; }
原文：http://www.cnblogs.com/danranysy/p/4775976.html