position定位细节

position:absolute时，元素相对与最近的非static元素进行偏移

父级元素的偏移量起始点存在多个，选取优先级padding>content

若是父级含有padding属性，那么定位偏移量起始点是从padding算起，若是没有padding，那么偏移量起始点从content开始算起。

而定位元素的偏移量的结束点也存在多个，选取优先级为margin>border>padding>content。

也就是说四个控制偏移量的属性，其实就这是这两个点之间的距离。结束点为margin的状况要当心，由于margin老是透明的，有时候会出现一个定位失败的假象。

好比，你想让一个元素靠父元素的右边，right:0，可是，你不当心设置了定位元素的margin:10px，那么看上去元素之间隔了10px，并无靠右。

对于fiexd，偏移量结束点和absolute是同样的，只是起始点是至关于当前浏览器视口。