我只是个占位元素1

我只是个占位元素2

我只是个占位元素3

son6
son7
son8
son9

absolute

absolute的相对偏移对象分两种情况,1,父级或祖父级等也有absolute或者relative属性,2,任意层父级无前述属性。

1.父级有absolute或者relative属性。

当父级有该属性,则相对偏移位置为父元素偏移后所在位置为基准进行偏移。

son8父级有该属性,但父元素未设置偏移,因此父级仍是正常流布局,子元素以父级元素为基准进行偏移

son10父级有该属性,父元素设置偏移,因此父级相对body偏移,子元素以父级元素为基准进行偏移

2,任意层父级无absolute或者relative属性。

当无父级无该属性,则相对偏移位置以body为基准进行偏移。

son6父级无该属性,因此son6以body为基准偏移。

***同一个块内的元素,son6添加了absolute,son6发生偏移,son6实现了漂浮,失去了流布局位置,看起来像不受父元素约束,此时son7会接替son6的位置出现在正常的流中。