定位的組成
定位：將盒子固定在某一位置，所以定位也是在擺放盒子先较，按照定位的方式移動盒子。
定位 = 定位模式 + 邊偏移
定位模式用于指定一個(gè)元素在文檔中的定位方式曾棕，邊偏移則決定了該元素的最終位置。
定位模式
定位模式通過css的position屬性設(shè)置的翘地。
語法：position: 屬性值;
屬性值：static：靜態(tài)定位（默認(rèn)方式）
relative：相對定位
absolute：絕對定位
fixed：固定定位
邊偏移
邊偏移就是定位的盒子移動到最終位置，有top衙耕，bottom，left橙喘，right四個(gè)屬性，通常是兩兩組合厅瞎，如top和left，兩個(gè)邊就可以得到定位的位置彭雾。可以設(shè)置負(fù)值薯酝。
語法：top：10px身诺；
left：10px
屬性：
top：頂端偏移量，定義元素相對于其父元素上邊線的距離霉赡。
bottom：底部偏移量，定義元素相對于其父元素下邊線的距離穴亏。
left：左側(cè)偏移量，定義元素相對于其父元素左邊線的距離棠涮。
right：右側(cè)偏移量，定義元素相對于其父元素右邊線的距離严肪。
相對定位 relative
概念：相對定位是元素在移動位置的時(shí)候谦屑，是相對于它原來的位置來說的驳糯。
語法：選擇器 {position: relative;}
特點(diǎn)：1.是相對于自己原來的位置移動的氢橙。
2.原來在標(biāo)準(zhǔn)流的位置繼續(xù)占有，后面的盒子仍然以標(biāo)準(zhǔn)流的方式對待它悍手。（不脫標(biāo)袍患，繼續(xù)保持原來的位置）
絕對定位 absolute
概念：絕對定位是元素在移動位置的時(shí)候竣付，是相對于它祖先元素來說的。
語法：選擇器 {position: absolute}
特點(diǎn)：1.如果沒有祖先元素或者祖先元素沒有定位卑笨，則以瀏覽器為準(zhǔn)定位。
2.如果祖先元素有定位（相對，絕對隧哮，固定定位），則以最近一級的有定位的祖先元素作為參考點(diǎn)移動位置沮翔。
3.絕對位置移動后不再占有原先的位置（脫標(biāo)）。
子絕父相
1.子級絕對定位采蚀，不會占有位置疲牵，可以放到父盒子里面的任何一個(gè)地方榆鼠，不會影響其他的兄弟盒子。
2.父盒子需要加定位顯示盒子在父盒子內(nèi)顯示妆够。
3.父盒子布局時(shí)，需要占有位置颓哮，因此父親只能是相對定位。所以冕茅，相對定位經(jīng)常迎來作為絕對定位的父級蛹找。
總結(jié)：因?yàn)楦讣壭枰加形恢茫虼耸窍鄬Χㄎ幌ㄉ模雍凶硬恍枰加形恢茫瑒t是絕對定位彼硫。
固定定位 fixed
概念：固定定位是元素固定于瀏覽器可視區(qū)的位置凌箕。主要使用場景：可以在瀏覽器頁面滾動時(shí)元素的位置不會改變词渤。
語法：選擇器 {position: fixed;}
特點(diǎn)：1.以瀏覽器的可視窗口為參照點(diǎn)移動元素。
2.跟父元素沒有關(guān)系缺虐。
3.不隨著滾動條的滾動而滾動。
4.不占有原先的位置高氮。
固定在版心右側(cè)位置
1.讓固定定位的盒子left：50%，走到瀏覽器可視區(qū)的一半位置塞淹。
2.讓那個(gè)固定定位的盒子margin-left版心寬度一半的距離罪裹，多走版心寬度的一半位置就可以讓固定定位的盒子貼著版心右側(cè)對齊了饱普∽垂玻·
