css position: relative，absolute详解_html/css_WEB-ITnose
- WBOY原创
- 2016-06-24 11:55:431187浏览
关于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时对象不可层叠
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn