position定位细节

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

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

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

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

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

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

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