lovablebox

学点东西...

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理
前提是固定宽高的div,这样比较简单,不涉及到JS
插入代码:
div{
     position:absolute;
     top:50%; left:50%;
     width:400px; height:400px;
     margin:-200px 0 0 -200px;
     border:1px solid #000000;
    }
position:absolute,绝对定位,可以把这个div看成漂浮于这个页面之上,通过top:50%和left:50%定位这个div的位置,但这个时候,垂直与水平居中的是这个div左上角这一点。

所以,要让这个div的中心点位于整个页面的中间,需要使用负边界,负的上边界,负值是高度的一半;负的左边界,负值是宽度的一半。即达到效果。
posted on 2008-02-22 14:22  lovablebox  阅读(392)  评论(0编辑  收藏  举报