理解绝对定位和相对定位布局

总结:

相对定位的元素不会脱离文档流,占用文档流的空间,Left; Right; Top和Bottom属性与margin属性混合使用会产生累加效果。
绝对定位的元素脱离文档流,偏移不影响文档流中的其它元素,Left; Right; Top和Bottom属性与margin属性混合使用,偏移方向相同值累加,方向相反,margin属性值无效。

相对定位:相对自己  
margin-bottom改变占位控件,不改变物理空间

绝对定位:以最近的定位元素为参照物(如果没有设置top left 只设置margin-left margin-top不是以最近的定位元素为参照物以它原来位置为参照物)