視覺格式化模型，大體上將頁面中的盒子的排列分為三種方式：
1.常規流
2.浮動：float
3.定位：position
定位：手動控制元素在包含塊中的精準位置
預設值： static，靜態定位（不定位）
relative：相對定位
absolute：絕對定位
fixed：固定定位
乙個元素，只要position的取值不是static，我們就認為該元素是乙個定位元素
定位元素會脫離文件流（相對定位除外）
元素脫離文件流會怎麼樣那？
1.文件流中的元素擺放時，會忽略脫離了文件流的元素
2.文件流中元素計算自動高度時，會忽略脫離了文件流的元素
相對定位不會導致元素脫離文件流，只是讓元素在原來位置上進行偏移。可以通過四個屬性設定其位置
left
right
topbottom
盒子的偏移不會對其他盒子造成影響
1.寬高為auto，適應內容
2.包含塊變化：找祖先中第乙個定位元素，該元素的填充盒為其包含塊。若找不到，則它的包含塊為整個網頁（初始化包含塊）
包含塊不同，固定為視口（瀏覽器的可視視窗）
其他情況和絕對定位一樣。
某個方向居中：
1.定寬（高）
2.將左右（上下）距離設定為0
3.將左右（上下）margin設定為auto
絕對定位和固定定位中，margin為auto時，會自動吸收剩餘空間
設定z-index，通常情況下，該值越大，越靠近使用者
z-index可能是負數，如果是負數，則遇到常規流、浮動元素則會被其覆蓋。
絕對定位、固定定位元素一定是塊盒
絕對定位、固定定位元素一定不是浮動
沒有外邊距合併
css中的定位
本文只是個額外的說明，作為基礎知識的補充和額外的關注點 定位的分類以及預設定位 fix,static,relative,absolute 各個定位的包含塊是怎麼樣的 1.relative和static的包含塊由最近的塊級框，表單元格或行內塊祖先框的內容邊界構成 2.fixed的包含塊是視窗本身 3....
css中的定位
在css中避免不了定位，在實際開發中，關於定位模組有很多，定位有三種型別，絕對定位，相對定位，固定定位 1.絕對定位 position absolute 絕對定位 使元素脫離文件流，使元素提公升了半個層級 如果不指定定位父級，那麼絕對定位相對於文件可視區定位 塊元素 寬度不自適應，如果不設定大小，大...
CSS中的定位
static定位 position static 是元素在文件流中的預設定位，一般不會顯示寫出來，他會按照先後順序排列元素。fixed 定位 position fixed 跟他的名字一樣，使用這個定位，可以讓元素釘 在螢幕可視區域中，定位也是 相對於可視區域定位的。relative相對定位 posi...