來源:兼職網站大全 做者: 懶人建站 日期:2014-10-13 人氣:27132瀏覽器
DIV浮動層絕對居中定位用CSS怎麼寫?詳細解說,直接看樣式,下面的寫法兼容IE系列瀏覽器和火狐瀏覽器。ide
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;}spa
padding:10px;background-color:#003300;color:#FFFFFF; 這幾句都是裝飾性的東西不是核心;orm
width:600px;height:300px; DIV總的有個寬高吧,根據你的具體狀況設置;ci
display:block; 把DIV以塊級元素顯示;it
position: absolute;top:50%;left:50%;margin-left:-300px; margin-top:-150px; 這一段時重點,我想聰明的朋友都看明白了。
就是絕對定位DIV層,固然你應該讓他相對於body標籤。margin-left:-300px; 這個值是DIV寬度的一半, margin-top:-150px; 是DIV高度的一半。io