首页 > 代码库 > 使用CSS样式表方法绝对居中定位DIV浮动层

使用CSS样式表方法绝对居中定位DIV浮动层

有什么简单的方法绝对居中定位DIV浮动层?答案用CSS怎么写样式表就可以了。下面的写法兼容IE系列浏览器和火狐浏览器。

详细解说,直接看样式:
#dingwei{padding:10px;color:#FFFFFF;
width:600px;height:300px;
display:block;
position: absolute;
top:50%;
left:50%;
margin-left:-300px;
margin-top:-150px;}

padding:10px;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高度的一半。

使用CSS样式表方法绝对居中定位DIV浮动层