居中显示

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

</div>

 

不使用margin-top:-100px;

.box{

position:absolute;
background-color: #ccc;

left: 50%;
top: 50%;
width:200px;
height:100px;
margin-left:-100px;
margin-top:-50px;
overflow: hidden;

}

要使用绝对定位，相对定位下百分比不起作用。