static 定位
html元素的預設值，即沒有定位，元素出現在正常的流中。
靜態定位的元素不會受到top, bottom, left, right影響。
相對定位relative
相對定位元素的定位是相對其正常位置。
相對定位三要素：
佔位：保留
z值：非0整數 如：-1， -2 ，-3 ， 1 ，2 ，3等
【注意】位置移動以自己原先的位置為準
絕對定位absolute
絕對定位的元素的位置相對於最近的已定位父元素，如果元素沒有已定位的父元素，那麼它的位置相對於:
絕對定位三要素：
不佔位座標原點參考父物件
z值：非0整數 如：-1， -2 ，-3 ， 1 ，2 ，3等
【注意】位置移動以父元素為準
絕對定位的元素不留佔位
會被後來的元素替代
這意味著什麼？
兄弟元素不再互相推擠了，他們的位置不會發生聯絡
父相對，子絕對，子隨父移動（記住這話就行了）
絕對/相對配合排版
子隨父固定定位fixed
與絕對定位非常接近
唯一的不同是固定定位相對的是body
元素的位置相對於瀏覽器視窗是固定位置。
即使視窗是滾動的它也不會移動：
CSS 定位position屬性
div h1 或 p 元素常常被稱為塊級元素。這意味著這些元素顯示為一塊內容，即 塊框 與之相反，span 和 strong 等元素稱為 行內元素 這是因為它們的內容顯示在行中，即 行內框 您可以使用 display 屬性改變生成的框的型別。將 display 屬性設定為 block，可以讓行內元素...
css實踐 position定位
position 用於設定目標物件的定位方式，一般有absolute relative static三個選項，設定後均可設定top bottom right left距離 absolute 允許物件漂浮於頁面之上，無須考慮周圍布局，如果父元素設定為static或者沒有設定，將以父元素的父元素為參考係...
CSS定位機制 position
css的定位機制分為三種，分別是文件流，浮動和定位。其中文件流的意義就 是按照html裡面的寫法從上到下從左到右的布局。浮動包括兩種，左浮動和右浮動，直到它的外邊框邊緣碰到包含框或另乙個浮動框的邊緣。任意的浮動使元素脫離了文件的普通流，就像在文件中不佔據空間。但如果包含塊太窄，無法容納水平排列的浮動...