一、定義：設定元素的偏移效果，一般配合left、top、right、bottom屬性共同作用，用於元素定位。
二、position 屬性值介紹：
說明:
1、文件流：元素未定位前(偏移前)的原本所佔的空間仍保留；非文件流：元素未定位前(未偏移前)的原本所佔的空間由後面元素填充，被其占用。
2、相對元素：作為當前元素偏移的定位元素(或偏移元素的包含塊)，以定位元素為基準發生偏移。
3、設定成relative發生偏移開始的相對位置：生成相對定位的元素，相對於其正常位置進行定位。
a、父元素邊框
b、如有其它兄弟元素，起始位置是所有兄弟元素未偏移時及當前元素也未發生偏移時， 當前元素所在的正常的位置。
3、offsetparent元素：
a、如果當前元素的祖先元素沒有進行css定位（設定position），offsetparent為body。
b、如果當前元素的祖先元素中有css定位（設定position），offsetparent取最近的那個祖先元素。
1、如果只是為給當前元素進行css定位，即把當前元素作為子元素(或後代元素)的offsetparent元素，一般將position設定為relative。
2、如果考慮到相鄰元素之間避免相互影響，則將position設定為absolute，當前元素為非文件流，偏移量有效
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裡面的寫法從上到下從左到右的布局。浮動包括兩種，左浮動和右浮動，直到它的外邊框邊緣碰到包含框或另乙個浮動框的邊緣。任意的浮動使元素脫離了文件的普通流，就像在文件中不佔據空間。但如果包含塊太窄，無法容納水平排列的浮動...