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>