css 相对浏览器动态居中

使用如下css可以使div永远保持在屏幕正中

<style type="text/css">
        
        .log {
            position:absolute;   /*绝对定位*/
            top:50%;             /*距顶部50%*/
            left:50%;  
            margin:-100px 0 0 -150px;     /*设定这个div的margin-top的负值为自身的高度的一半,margin-left的值也是自身的宽度的一半的负值.(感觉在绕口令)*/
            width:300px;                  /*宽为400,那么margin-top为-200px*/
            height:200px;                 /*高为200那么margin-left为-100px;*/
            z-index:99;                   /*浮动在最上层 */
            }
    </style>

欢迎交流 http://blog.csdn.net/ycwol/article/details/38986337