css中的定位機(jī)制有3中淘太，分別是標(biāo)準(zhǔn)文檔流、浮動定位和絕對定位
1.標(biāo)準(zhǔn)文檔流（Normal flow）
（1）對于行級元素辈灼，比如span份企，strong（字體加粗），img巡莹，input等司志，都是按照從左到右的方式進(jìn)行排版；
（2）對于塊級元素降宅，比如div骂远，ul，li钉鸯，di吧史，dt，p等唠雕，都是按照從上往下的方式進(jìn)行排版贸营；
（3）盒子模型：邊框（border），外邊框（margin）岩睁，內(nèi)邊距（padding）钞脂；
（4）盒子3D模型：由頂?shù)降诪閎order，content+padding（內(nèi)容+內(nèi)邊距）捕儒，background-image冰啃，background-color，margin刘莹；
注意：margin的屬性阎毅，三個值：第一個值表示top，第二個值表示left和right点弯，第三個值表示bottom;
? ?兩個值：第一個值表示top和bottom扇调，第二個值表示left和right;
? ?一個值：表示四個方向?qū)傩灾迪嗤?/p>
2.浮動定位（Float）
float有兩個屬性值，left表示向左浮動抢肛，right表示向右浮動狼钮，一般設(shè)為float屬性碳柱，會影響緊隨其后的元素的位置以及父包含塊的位置，以此必須要有清除浮動的措施熬芜。
清除浮動措施：（1）clear屬性——常用clear:both; 或clear:left; 或clear:right;
? ??（2）width:100%（或固定寬度）+overflow:hidden（兩個要同時寫才起作用）
3.絕對定位（Absolute positioning）
position的4個定位屬性值有：靜態(tài)定位static（默認(rèn)狀態(tài)莲镣，處于標(biāo)準(zhǔn)文檔流中）,相對定位relative，絕對定位absolute涎拉，固定定位fixed瑞侮。
（1）相對定位relative：相對于自身原有位置進(jìn)行偏移，仍處于標(biāo)準(zhǔn)文檔流中鼓拧，想要設(shè)置相對偏移基準(zhǔn)区岗，則將父級元素設(shè)為相對定位。
（2）絕對定位absolute：建立了以包含塊為基準(zhǔn)的定位毁枯，完全脫離了標(biāo)準(zhǔn)文檔流慈缔，如果沒有已經(jīng)定義的祖先元素，則以<html>為偏移參照基準(zhǔn),有已定位祖先元素种玛，以距其最近 ? ? ? ? ? 的元素為參照基準(zhǔn)藐鹤。
（3）固定定位fixed：若要元素固定不動，不隨著鼠標(biāo)的上下滑動或左右滑動而移動赂韵，則設(shè)為fixed屬性娱节。
