HTML5 的定位一些重要知識點

絕對定位的元素的位置相對於最近的已定位祖先元素，若是元素沒有已定位的祖先元素，那麼它的位置相對於最初的包含塊(即Body的位置)。

對於定位的主要問題是要記住每種定位的意義。因此，如今讓咱們複習一下學過的知識吧：相對定位是「相對於」元素在文檔中的初始位置，而絕對定位是「相對於」最近的已定位祖先元素，若是不存在已定位的祖先元素，那麼「相對於」最初的包含塊。

TOP 屬性：該屬性定義了一個定位元素的上外邊距邊界與其包含塊上邊界之間的偏移.

Margin-Top屬性：設置元素的上外邊距，是指相對相鄰元素的定位。

CSS中margin邊界疊加問：只有普通文檔流中塊框的垂直邊界纔會發生邊界疊加。行內框、浮動框或絕對定位框之間的邊界不會疊加。解決方法：

1.外層padding

2.透明邊框border:1pxsolidtransparent;

3.絕對定位postion:absolute:

4.外層DIVoverflow:hidden;

5.內層DIV　加float:left;display:inline;6.外層DIV有時會用到zoom:1;

6. margin-top採用百分比都是相對於寬度的，top 是相對於高度的

一些重要的文章：

1.小技巧：absolute 元素的寬度問題

2.CSS position: absolute 絕對定位精講

3. 定位的知識集錦

4.CSS百分比padding實現比例固定圖片自適應佈局