居中显示

<div class="box">
        <p>高度固定</p>

</div>

不使用margin-top:-100px;

.box{
margin:0 auto;
background-color: #ccc;
width: 400px;
height:200px;

position:relative;
top:50%;
overflow: hidden;

}

使用不使用margin-top:-100px;

.box{
margin:0 auto;
background-color: #ccc;
width: 400px;
height:200px;

position:relative;
top:50%;
margin-top:-100px;
overflow: hidden;

}

居中显示

原文：http://www.cnblogs.com/aixiuxiu/p/6445684.html