在布局中時常會遇到一些元素重疊的需求，這個時候就需要考慮使用position定位屬性，此屬性規定某元素以某種特定的方式固定在某個位置上，大部分時候用以處理元素重疊的需求，而不同的定位方式則擁有不同的特性。
預設值，相當於沒有定位屬性
相對定位
擁有相對定位方式的元素，會以自身為定位參照，通過left,right,top,bottom值進行偏移，定位的0,0點分別在元素自身的四個角，此定位方式不會使元素脫離文件流，並在偏移後會保留元素原本的空間。
絕對定位
1.此定位方式規定元素以其上層擁有定位屬性的元素作為定位參照，如果其父元素擁有除了預設值static以外的定位方式，則以父元素為參照，如果父元素沒有定位方式，則依次往上層尋找定位元素作為參照，直到html元素。
2.絕對定位會使元素完全脫離文件流，不會撐開父容器高度，需要注意的是，與浮動元素不同，浮動元素若子元素和父元素都浮動，則子元素可以撐開父元素，而absolute一旦生效，則完全脫離文件流。
3.此定位方式使內聯元素支援寬高設定，也使元素的預設寬度根據內容而定。
固定定位
固定定位的元素是以整個瀏覽器視窗為參照的，不受任何其他元素的影響，包括滾動條，它會永遠固定在瀏覽器視窗。與絕對定位一樣，完全脫離文件流，並使元素支援寬高大小，寬度根據內容而定。
黏性定位
1.它像是fixed與relative的結合，是一種新增的定位方式，它的參照與absolute相同，以第乙個不為預設值的父級定位元素為參照和作用域。
2.擁有此定位方式的元素，當通過滾動條等事件使元素到達設定的位置時，此元素將在瀏覽器視窗上固定，類似於fixed，而沒有到達設定的位置時，它類似於relative，不會有任何變化，需要注意的是，fixed不同，黏性定位只會作用於它的父級定位元素里，當父元素不在視窗內了，則sticky失效，而fixed是作用於視窗。
所有定位的偏移量left,right,top,bottom必須與定位方式配合使用，否則失效。
當定位的元素重疊時候，**後寫的元素會疊在最上層顯示，而z-index則可以改變重疊元素的顯示層級
不設定z-index的情況下，所有定位元素預設層級為0，z-index值越高顯示層級越高。
當兩個定位元素在比較層級的時候，會先跟同級元素進行比較。
關於CSS 定位屬性
css定位屬性允許對元素進行定位。屬性值 left style head i am fineh1 how are youp class left how are youp body html p元素相對於本身移動了，產生如下效果 one style head hihihihihihihihih2 c...
關於CSS的定位屬性
第三週 在逆戰班學習的第三週，通過這週的學習對前端有了進一步的理解，下面我鞏固複習一下本週學習的position定位屬性 static 預設值 沒有定位 relative 相對定位 absolute 絕對定位 fixed 固定定位 sticky 粘性定位 下面分別介紹各屬性值的作用 static 預...
CSS中的定位屬性
css 定位令你可以將乙個元素精確地放在頁面上你所指定的地方。脫離原位置進行定位 下面舉個絕對定位的例子 在文件的四個角落各放四個盒子 html 段 box1 box2 box3 box4 css 段 div box1 box2 box3 box4 效果圖 保留原位置進行定位 其位置是相對於它在文件...