为什么两个DIV是重叠的,我不要重叠，要一个在上面，一个在下面。

为什么两个DIV是重叠的,我不要重叠，要一个在上面，一个在下面。

因为你第一个div给了绝对定位position:absolute;
，所以这个绝对定位的div就不再流里了，吧绝对定位去掉就可以了。
不知道你样式为什么要这么写，完全没有必要用绝对定位的

----------------------------------------------------
嗯，如果只是居中的话，这样就可以，另外，如果不使用定位的话，top也不需要写，如果希望上边距为30px可以使用padding-top:30px;或者margin-top:30px;来实现

-----------------------------------------------------
ul li的问题：
上面提到那个ul li的问题主要就是因为html里 ul这个元素有默认的margin和padding值。一般写页面的时候会有一个css reset，就是把一些元素默认的margin和padding值清除一下，否则会影响未来的页面布局，在你这个例子里，在代码前面清一下内边距padding就行，建议将margin值也一并清除了，如果有需要再单独添加，方法如下：
ul{padding:0;margin:0;}