本文详细介绍了CSS中的相对定位和绝对定位。相对定位通过`position: relative`实现，元素会相对于其正常位置移动，但保留原有空间，不影响其他元素布局。绝对定位使用`position: absolute`，元素脱离文档流，相对于最近已定位的祖先元素定位，若无此类祖先则相对于初始包含块。此外，`z-index`用于控制元素的堆叠顺序。
css相对定位与绝对定位
逆战班
通常情况下，我们用css定位来解决容器叠加排列的 问题，而用浮动解决左右排列的问题。
position属性的值主要有static，relative，absolute，fixed和sticky这几种，position属性的默认值为static，也就是没有定位，元素在正常的文档流中，这时候给元素加偏移量（left，right，top，bottom）是不会生效的。
包括z-index也不会生效。
不给元素声明position属性，和position属性值为static时效果一样。
相对定位
接下来说到relative值，relative值表示相对定位，当元素定位为relative时，如果不额外定义偏移量，那么relative不会产生效果，当relative设定偏移量以后，这个元素会相对于它本来位置的起始点移动。并且它本来的空间也会得到保留。对后面的元素不会产生影响。
如图，这是三个长宽均为100px的块，现在给蓝色的块加相对定位，并向右移动100px。left：
最低0.47元/天 解锁文章
646
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
