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高度的一半。

本文轉自 IT阿飛 51CTO部落格，原文連結:http://blog.51cto.com/itafei/1837715