CSS3中position的总结

position:absolute；

绝对定位，相对于position属性值为relative或fixed或absolute的第一个父元素定位，

如果没有这样的父元素，则相对于body定位；

只设置position:absolute；不设置top等值时，该元素的位置依然保持其在正常文档流中的位置不变，

只是原地脱离文档流，文档流中在其前面的元素不受影响，文档流中在其后面的元素会认为其不在文档流中而重新定位，

当对该元素设置margin、padding和border时，也不会影响文档流中在其后面的元素的位置；

当设置top等值时，位置才开始改变；

top等值改变的是整个盒模型的位置，整个盒模型包括margin、padding和border，

所以top等值与margin、padding和border对于位置的影响效果会叠加，不会覆盖

 

position:relative；

相对定位，也有z-index属性，相对于其在正常文档流中的位置定位，

不设置top等值时，位置不变；

该元素不是完全脱离文档流，依然会占据其在正常文档流中的位置，只是视觉上相对原来的位置有移动，

所以文档流中在其前面的元素不受影响，文档流中在其后面的元素会认为其仍在文档流中进行定位，

当对该元素设置margin、padding和border时，也会影响文档流中在其后面的元素的位置，

如果重合，该元素会覆盖下面的元素；