position的值：relative，fixed和absolute分別是相對誰進行定位的
position：定位屬性；
定位都脫離層。
語法：position：static /absolute/relative/fixed
absoluted/relative/fixed 對定位有效，層級屬性用z-index屬性，其值越高，層級越高，優先顯示。
取值：static：預設值，無特殊定位，物件遵循html原則；
absolute：絕對定位，將物件從文件流中拖離出來，使用left/right/top/bottom等屬性相對其最接近的乙個並有定位設定的父元素（祖先元素|祖先元素不包含叔叔級的）進行絕對定位；如果不存在這樣的父物件，則依據根元素(html)瀏覽器進行定位，而其層疊通過z-index屬性定義，可以脫離當前的大容器，並且不佔位。float脫離半層。
relative ：相對定位，該物件的文件流位置不動，將依據right，top，left，bottom（相對定位）等屬性在正常文件流中偏移位置；其層疊通過z-index屬性定義
一般給父層級新增relative屬性值（父相子絕）
相對於自身位置進行偏移
元素設定：margin:0 auto時：
（1）box為相對定位時（相對自身），居中
（2）box為絕對定位時（相對於根元素html），向左
fixed：固定定位，將物件從文件流中拖離出來，使用left/right/top/bottom等屬性，並且永遠相對於當前瀏覽器的可視視窗進行位置偏移。
定位上下文（補充css的position屬性）
把元素的position屬性設定為relative absolute或fixed後，繼而可以使用trbl屬性，相對於另乙個元素移動該元素的位置。這裡的 另乙個元素 就是該元素的定位上下文。絕對定位元素的預設上下文是body。然而絕對定位元素的任何祖先元素都可以成為它的定位上下文，只要把相應的祖先元素...
CSS 定位position屬性
div h1 或 p 元素常常被稱為塊級元素。這意味著這些元素顯示為一塊內容，即 塊框 與之相反，span 和 strong 等元素稱為 行內元素 這是因為它們的內容顯示在行中，即 行內框 您可以使用 display 屬性改變生成的框的型別。將 display 屬性設定為 block，可以讓行內元素...
css實踐 position定位
position 用於設定目標物件的定位方式，一般有absolute relative static三個選項，設定後均可設定top bottom right left距離 absolute 允許物件漂浮於頁面之上，無須考慮周圍布局，如果父元素設定為static或者沒有設定，將以父元素的父元素為參考係...