position：static、relative、absolute、fixed。
絕對定位：absolute
相對定位：relative
預設值：static
固定定位：fixed
relative：定位是相對於自身位置定位（設定偏移量的時候，會相對於自身所在的位置偏移）。設定了relative的元素仍然處在文件流中，元素的寬高不變，設定偏移量也不會影響其他元素的位置。最外層容器設定為relative定位，在沒有設定寬度的情況下，寬度是整個瀏覽器的寬度。
absolute：定位是相對於離元素最近的設定了絕對或相對定位的父元素決定的，如果沒有父元素設定絕對或相對定位，則元素相對於根元素即html元素定位。設定了absolute的元素脫了了文件流，元素在沒有設定寬度的情況下，寬度由元素裡面的內容決定。脫離後原來的位置相當於是空的，下面的元素會來佔據位置。
元素沒有定義寬度時設定absolute，寬度由元素內容撐開，效果和float的一樣。
fixed：固定定位，或稱為相對於瀏覽器視窗的絕對定位，脫離文件流。
特點：不會隨瀏覽器視窗的滾動條滾動而變化，總在視線裡的元素。
層定位概述：
（1）像圖層一樣可以對每乙個layer進行精確定位操作。
（2）層定位position可以使乙個網頁元素疊加到另乙個網頁元素上，外面元素是父層，裡面元素是子層。
（3）position屬性決定相對於誰定位，設定參照物
fixed 固定定位 relative 相對定位 absolute 絕對定位
不管參照物是誰，座標原點始終在參照物的左上角！！！
例如：
（4）通過一下兩種屬性定位
①通過position屬性設定參照物，通過top、right、bottom、left 設定當前盒子距離參照物的上、右、下、左距離
②通過z-index屬性設定
z-index設定元素的堆疊順序，越大越在上面。可設為負值（經常設 -1）。 z-index 僅能在定位元素上奏效（例如 position:absolute;）！預設值是auto，與父元素一致。z-index:auto與z-index:0是不一樣的！z-index:0 的會建立乙個新的層疊上下文，0 會在auto 上面。
日常使用：
通常設定父元素box1相對定位，position:relative; 設定子元素box2絕對定位，position:absolute;
優點：父元素box1移動時，子元素box2是相對于父元素進行移動的，所以他們兩個可以一起被移動。
小例子
CSS學習筆記 position定位（九）
屬性 值 含義 position absolute,fixed,relative,static 規定元素的定位型別 top auto,length 設定定位元素的上外邊距邊界與其包含塊上邊界之間的偏移 right auto,length 設定定位元素的右外邊距邊界與其包含塊右邊界之間的偏移 bott...
CSS布局學習筆記之position
css知識點 之 position布局 其中有不少東西，來自原帖，我會在下面給出鏈結。使用position布局方式，可以分成三種，相對定位 也即position relative 絕對定位 postion absolute fixed 粘性定位 position sticky 等等。通常我們還會見到...
筆記 css中的position定位
position的值可以是 static，relative，absolute，fixed。預設值是 static。設定 left top值無效。relative是相對定位，可以設定left top bottom right值，它設相對本來的位置偏移。absolute是絕對定位，可以設定left to...