关于对css定位的理解

1.定位（属性名：position）分为5种分别是 静态定位（static）、相对定位（relative）、绝对定位（absolute）、固定定位（fixed）、粘性定位（sticky）。

 （1）静态定位

基本布局：

静态布局始终在左上(相当于默认值和平常的便签显示一样)此时 top、bottom、left 和 right 4 个定位属性也不会被应用。：

（2） 相对定位：这个很好理解类似于平常浏览网页的置顶（遮盖）可以通过 top、bottom、left 和 right 四个属性的组合来设置元素相对于默认位置在不同方向上的偏移量。如果有强迫症可以点击检测来调位置不受标签的影响手body的影响.(！！注：相对定位占用原有的空间)。

 

 

 （3）绝对定位：和相对定位相同但不占用网页空间：

（4）固定定位：类似于qq底部的任务烂和平常淘宝的清空购物车的按键，不管消息有多少或者商品有多少始终固定在那个位置，可以通过 top、bottom、left 和 right 四个属性的组合来设置元素相对于默认位置在不同方向上的偏移量。

 

 

（5） 粘性定位：在滚动条到极致跟固定定位类似，平常和相对定位一样。相当于导航栏。