知识 分享 互助 懒人建站

    懒人建站专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

    懒人建站提供网页素材下载、网站模板
    知识 分享 互助!

    DIV浮动层绝对居中定位用CSS怎么写?

    作者:佳明妈 来源:兼职网站大全 2010-07-03 人气:
    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高度的一半。

    查看 DIV浮动层绝对居中定位用CSS怎么写? 的演示。

    懒人建站 整理

    ↓ 查看全文

    DIV浮动层绝对居中定位用CSS怎么写?由懒人建站收集整理,您可以自由传播,请主动带上本文链接

    懒人建站就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。

    DIV浮动层绝对居中定位用CSS怎么写?-最新评论