html div自适应动态上下左右居中

html 的body里只放一个div，其他的内容放在这个div里，设置div的样式如下:

 

                div {

                            position:absolute;

                            background:#404040;

                            500px;

                            height:400px;

                            top:50%;

                            left:50%;

                            margin-top: -200px;          //值是height的一半

                            margin-left: -250px;          //值是width的一半

                }

这样即可让div在body里自适应居中！