开元周游
德国频道
查看: 2008|回复: 4
打印 上一主题 下一主题

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

[复制链接]
跳转到指定楼层
1#
发表于 8.2.2011 10:22:08 | 只看该作者 回帖奖励 |正序浏览 |阅读模式
本帖最后由 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属性?

5#
发表于 8.2.2011 14:36:45 | 只看该作者
回复 支持 反对

使用道具 举报

4#
 楼主| 发表于 8.2.2011 13:29:14 | 只看该作者
没你想象那么复杂, 上一级声明我还没用过呢 :)  我连初学者都不是 :) 完全门外汉。  你看看吧 我东西发上来

Ap DIV 定位问题.rar

712 Bytes, 下载次数: 175

回复 支持 反对

使用道具 举报

3#
发表于 8.2.2011 12:45:19 | 只看该作者
例如
<div id="A">
<div id="B">
</div>
</div>
当A的position为relative时,B的position为absolute才有效。
回复 支持 反对

使用道具 举报

2#
发表于 8.2.2011 12:43:00 | 只看该作者
本帖最后由 有容乃大 于 8.2.2011 12:46 编辑

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

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点信息

站点统计| 举报| Archiver| 手机版| 小黑屋

Powered by Discuz! X3.2 © 2001-2014 Comsenz Inc.

GMT+1, 27.12.2024 14:38

关于我们|Apps

() 开元网

快速回复 返回顶部 返回列表