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

html 的body里只放一个div，其他的内容放在这个div里，设置div的样式如下:
 
                div {
                            position:absolute;
                            background:#404040;
                            width:500px;
                            height:400px;
                            top:50%;
                            left:50%;
                            margin-top: -200px;          //值是height的一半
                            margin-left: -250px;          //值是width的一半
                }
这样即可让div在body里自适应居中！
posted @ 2017-09-08 13:51  松歌  阅读(552)  评论(0)  编辑  收藏  举报