div 水平垂直居中
css
<style>
.main{
background: #999999;
width: 600px;
height: 400px;
position: absolute;
top: 50%;
left: 50%;
margin: -200px 0 0 -300px;/*此处的-200px是widthd的一半,-300px是height的一半*/
}
</style>
html
<body>
<div class="main">
</div>
</body>
效果图如下
linhuaming