CSS：定位

 

 

 为什么需要定位

浮动可以让多个块级盒子一行没有缝隙排列显示，经常用于横向排列盒子。定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置，并且可以压住其他盒子。

 

定位的组成

定位 ：将盒子定在某一个位置，所以定位也是在摆放盒子，按照定位的方式移动盒子。

定位 = 定位模式 + 边偏移

定位模式用于制定一个元素在文档中的定位方式。边偏移则决定了该元素的最终位置。

定位模式

静态定位（了解）

 

相对定位relative（重要）

 

绝对定位absolute（重要）

 

 

子绝父相

固定定位fixed（重要）

 

 

 粘性定位sticky（了解）

 

总结

边偏移

 

定位叠放次序z-index

 

 

 绝对定位的盒子居中

 

 

定位的特殊性质