div在屏幕中上下左右居中

1、需求分析：

        对不同分辨率的电脑，让某一个固定宽高的div上下左右居中

        （缩放浏览器也是同样的道理，上下左右居中）

2、解决方法:

        先设置div的宽高

        设置position:absolute;绝对定位

        margin负值（负值的大小为div宽高的二分之一）

        如下：

.mostOutContentDiv {
   width: 1000px;
   height: 600px;
   position: absolute;
   top: 50%;
   left: 50%;
   margin: -300px 0 0 -500px;
}

 实现效果如下：