德国开元华人社区 开元周游

标题: 为什么ap DIV 在css 垂直居中和水平居中的position属性不同 [打印本页]
作者: gao_liang    时间: 8.2.2011 10:22
标题: 为什么ap DIV 在css 垂直居中和水平居中的position属性不同
本帖最后由 gao_liang 于 8.2.2011 10:22 编辑

比如如果让一个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属性？

作者: 有容乃大    时间: 8.2.2011 12:43
本帖最后由 有容乃大 于 8.2.2011 12:46 编辑

你是不是用了嵌套结构？
Position:absolute的绝对位置是相对他最近上一级声明了postion:relative的对象来绝对定位。
作者: 有容乃大    时间: 8.2.2011 12:45
例如
<div id="A">
<div id="B">
</div>
</div>
当A的position为relative时，B的position为absolute才有效。
作者: gao_liang    时间: 8.2.2011 13:29
没你想象那么复杂， 上一级声明我还没用过呢 ：）  我连初学者都不是 ：） 完全门外汉。  你看看吧 我东西发上来

Ap DIV 定位问题.rar

712 Bytes, 下载次数: 175
作者: taohui    时间: 8.2.2011 14:36
建议使用CSS框架：http://www.javaeye.com/news/3094



欢迎光临 德国开元华人社区 开元周游 (https://forum.kaiyuan.cn/) Powered by Discuz! X3.2