原创 POSITION: absolute,与 relative区别收藏

新一篇: 实例分析CSS属性DISPLAY与VISIBILITY不同 | 旧一篇: Ajax

如果有两个DIV〔A与B〕
并且B被嵌套与A中
现在你想达到的郊果是让B在任何情况下的垂直属性都为“居底”(与A底对齐)
那么你可能会想到用bottom:0px这样的作法,前提当然是position要设为absolut
但是你会发现,如果这样设的话,得到的效果是B对齐到了浏览器的最下边
这时就要用到position:relative了。
在A中加上一句position:relative,这样就定义了A内部元素的position:absolute是相对于A自身的,而不是浏览器!所以,B中的bottom:0px就会在执行时去找它的父级元素中有没有position:relatavie的,如果没有,它会继续向它更上一层去找,直到找到<body>如果还没有,它的相对物就是济览器了!


发表于 @ 2006年02月09日 13:54:00|评论(loading...)|编辑

新一篇: 实例分析CSS属性DISPLAY与VISIBILITY不同 | 旧一篇: Ajax

评论

#JXOooOXL 发表于2007-10-28 22:36:09  IP: 59.59.80.*
很多时候,打个比方比说一大堆定理更让人容易接受,印象也更加深刻。
#JXOooOXL 发表于2007-10-28 22:36:29  IP: 59.59.80.*
3Q
发表评论  


当前用户设置只有注册用户才能发表评论。如果你没有登录,请点击登录
Csdn Blog version 3.1a
Copyright © 骄阳似火