本页二维码,扫一扫分享到朋友圈
朋友圈

div浮动层绝对居中定位用CSS


阅读202 评论0 赞 60返回首页    go 编程与技术  go css


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


  上一篇:go CSS垂直居中和水平居中方法
  下一篇:go css超出显示省略号


评论


用QQ登录管理/创建网站 用微博登录管理/创建网站   发布于:08-24