为什么ap DIV 在css 垂直居中和水平居中的position属性不同

gao_liang

比如如果让一个ap div 水平居中可以写为

left 0
right 0
margin-left auto
margin-right-auto
position relative

这个时候 ap div 就水平居中了

不过我用同样的方法做垂直居中就不可以，
top 0
bottom 0
margin-top auto
margin-bottom auto
position relative
那个apdiv一直在屏幕在最上面
后来我改成
top 0
bottom 0
margin-top auto
margin-bottom auto
position absolute
这样才变成垂直居中

为什么知道为什么水平居中的时候需要 position relative 而垂直居中的时候需要 pisition absolute?

如果让一个 ap div 即水平居中又垂直居中， 也就是说让ap div 永远在屏幕的绝对中心显示，应该怎么设置它的css属性？

有容乃大

你是不是用了嵌套结构？
Position:absolute的绝对位置是相对他最近上一级声明了postion:relative的对象来绝对定位。

有容乃大

例如
<div id="A">
<div id="B">
</div>
</div>
当A的position为relative时，B的position为absolute才有效。

gao_liang

没你想象那么复杂， 上一级声明我还没用过呢 ：）  我连初学者都不是 ：） 完全门外汉。  你看看吧 我东西发上来

taohui

建议使用CSS框架：http://www.javaeye.com/news/3094