DIV浮動層絕對居中定位用CSS怎麼寫

DIV浮動層絕對居中定位用CSS怎麼寫？

來源：兼職網站大全 做者： 懶人建站 日期：2014-10-13 人氣:27132

DIV浮動層絕對居中定位用CSS怎麼寫？詳細解說，直接看樣式，下面的寫法兼容IE系列瀏覽器和火狐瀏覽器。

DIV浮動層絕對居中定位用CSS怎麼寫？下面的寫法兼容IE系列瀏覽器和火狐瀏覽器。

詳細解說，直接看樣式：
#dingwei{padding:10px;background-color:#003300;color:#FFFFFF;
 width:600px;height:300px;
 display:block; 
 position: absolute;
 top:50%;
 left:50%;
 margin-left:-300px;
 margin-top:-150px;}

padding:10px;background-color:#003300;color:#FFFFFF; 這幾句都是裝飾性的東西不是核心；

 width:600px;height:300px; DIV總的有個寬高吧，根據你的具體狀況設置；

display:block; 把DIV以塊級元素顯示；

 position: absolute;top:50%;left:50%;margin-left:-300px; margin-top:-150px; 這一段時重點，我想聰明的朋友都看明白了。
就是絕對定位DIV層，固然你應該讓他相對於body標籤。margin-left:-300px; 這個值是DIV寬度的一半， margin-top:-150px; 是DIV高度的一半。