css position: relative，absolute详解
浏览数：46 /
时间：2015年06月09日
关于CSS中 position在布局中非常重要，查了很多资料都说的很难理解，下面说说个人的理解：
语法：
position： relative | absolute
- relative：
- 对象遵循常规流，并且参照自身在常规流中的位置通过top，right，bottom，left属性进行偏移时不影响常规流中的任何元素。
- absolute：
- 对象脱离常规流，使用top，right，bottom，left等属性进行绝对定位，盒子的偏移位置不影响常规流中的任何元素，其margin不与其他任何margin折叠。
说明：
当设定position: relative时，是相对于自己来定位。（即相当于当前位置移动）
当设定position: absolute时，是相对于父级来定位的，没有父级相对于body定位。
备注：position: absolute时， left
， right
， top
， bottom至少指定其一，对象可层叠，层叠通过
z-index 属性定义。
position: relative时对象不可层叠
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
