son1
son2
son3
son4
son5

relative

relative的相对偏移对象是他自己,即添加了relative属性的对象会以他原本应该所在的位置进行偏移。

如果不添加relative属性,那么是按照正常的文档流的位置,即son2,son4,son5。

上面的son1和son3都是添加了relative属性,因此son1和son3会根据他们原本所在的位置进行偏移。

.son1{position: relative;top: 30px;left: 40px;}

.son3{position: relative;top: 10px;left: 20px;}

***同一个块内的元素,son1添加了relative,son1发生偏移,son1的流布局依然保存,且不会影响son2元素的定位,son2依然会出现在正常的流中。