CSS中的绝对定位与相对定位详细介绍
- 高洛峰原创
- 2017-03-27 09:13:172070浏览
层级关系为：
效果图：
为改变参照物（橘色框）后的效果
层级关系为：
效果图：
参照物为最顶级的元素情况。
层级关系为：
效果图：
仅使用margin属性布局绝对定位元素的情况
此情况，margin-bottom 和margin-right的值不再对文档流中的元素产生影响，因为该元素已经脱离了文档流。另外，不管它的祖先元素有没有定位，都是以文档流中原来所在的位置上偏移参照物。
图9中，使用margin属性布局相对定位元素。
层级关系为：
效果图：
IE6的情况下，box2前面没有兄弟节点，则margin-left的值会出现双倍边距，见图10。
层级关系为：
效果图：
以上是CSS中的绝对定位与相对定位详细介绍的详细内容。更多信息请关注PHP中文网其他相关文章！
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn