网页怎么把div居中在网页中心(水平垂直都居中)

其实解决的思路是这样的：首们需要position:absolute;绝对定位。而层的定位点，使用外补丁margin负值的方法。负值的大小为层自身宽度高度除以二。
如：一个层宽度是400，高度是300。使用绝对定位距离上部与左部都设置成50%。而margin-top的值为－150。margin-left的值为－200。这样我们就实现了层垂直居中于浏览器的样式编写。

div {

        position:absolute;
        top:50%;
        left:50%;
        margin:-150px 0 0 -200px;
        width:400px;
        height:300px;
        border:1px solid #008800;
   }

参考：http://blog.sina.com.cn/s/blog_618380f70101da7i.html

比如你div的宽为500px,高为400px;
CSS样式：left:50%;top:50%;margin-left:-250px;margin-top:-200px;

如果宽为200px,高为140px;那么
CSS样式：left:50%;top:50%;margin-left:-100px;margin-top:-70px;

就是margin-left;margin-top的负值=div的宽高一半