DIV 居中

用的是相对定位的办法，其中css代码如下：
#div {
    position:absolute;
    top:50%;
    left:50%;
    width:200px;
    height:200px;
    background-color: #66666F;
    margin-top: -100px;
    margin-left: -100px;
}



其实过程也很简单，首先第一步， position:absolute; top:50%; left:50%;用上边的这个玩意相对定位了，div这个容器的跑中间了，但是要注意的是，虽然是定义了50%，但是并不是容器的中心点和屏幕的中心点重合，为啥呢？简单，就是相对定位的两个参照物的问题，这里定义的是div的左上角相对于整个屏幕位于屏幕中央，所以才形成了上边说的情况。具体情况的例子见：http://www.gengbing.com/demo/007/index.html

不行不行，这个问题一定要解决，怎么办怎么办?看后面阿，后面不时还有文章呢啊，什么啊，就是margin-top:-100px;margin-left:-100px;这个玩意作什么用的阿？没啥大用，就是把div的左上角分别向上和左移动div高度和宽度的一半，这样不就把div放中间了，哈哈，其实就这么简单。修正后的例子：http://www.gengbing.com/demo/007/index2.html