2020.10.8 定位的疊放順序 絕對盒子居中 浮動和定位新增的特性 頁面佈局總結
阿新 • • 發佈：2020-10-10
定位的疊放順序
1.z-index 只適用於已經定位的盒子
2.如果z-index相同 則 遵循就近原則
3.z-index大的在上
4.*注意數字z-index: 1 ;*後面不要加單位
絕對盒子的居中
因為當盒子 position: absolute 以後margin:auto就不再適用了 # 相對定位可以直接auto
1.left 頁面的百分之五十
2.margin-left：-盒子寬度的一半；
css程式碼：
效果
浮動和定位新增的特性
1.當添加了浮動和定位以後，盒子就脫標了可以直接定義盒子寬度和大小
2.浮動定位不會壓住後面的文字，文字會環繞猴子顯示
3.絕對和固定定位會壓住後面的文字
頁面佈局總結
標準流：垂直排列
浮動：水平排列
定位： 層疊擠壓排列