固定宽高的div在浏览器中垂直居中

前提是固定宽高的div，这样比较简单，不涉及到JS

插入代码：

div{
     position:absolute;
     top:50%; left:50%;
     width:400px; height:400px;
     margin:-200px 0 0 -200px;
     border:1px solid #000000;
    }

position:absolute，绝对定位，可以把这个div看成漂浮于这个页面之上，通过top:50%和left:50%定位这个div的位置，但这个时候，垂直与水平居中的是这个div左上角这一点。

所以，要让这个div的中心点位于整个页面的中间，需要使用负边界，负的上边界，负值是高度的一半；负的左边界，负值是宽度的一半。即达到效果。