CSS定位方式

CSS定位方式（position）：

# 1、static(静态定位)：

position：static；
是默认值。按当前文档流自动分配在合适的位置，不会脱离文档流，可以用margin来改变位置；

2、relative（相对定位）：

position：relative；
1.如果没有定位偏移量，对元素本身没有任何影响；
2.不会使文章脱离文档流，空间依然被保留，只是视觉上相对原来的位置有移动；不会影响其他元素布局；
3.top、right、bottom、left的设置相对于元素自身进行偏移的；

3、absolute（绝对定位）：

position：absolute；
1.使文章脱离文档流；
2.内联元素支持宽高（让内联具备块的特性）；
3.块元素的默认宽根据内容的长度决定，不再由父容器决定了（让块具备内联的特性）；
4.在没有父元素的条件下，参照浏览器左上角发生偏移；当存在父容器并且给父容器设定position属性（position：static；不算设定了属性），则是以父容器的左上角为原点进行定位，通过设定偏移量来发生偏移；

4、fixed（固定定位）：

position：fixed；
1.使文章脱离文档流；
2.内联元素支持宽高（让内联具备块的特性）；
3.块元素的默认宽根据内容的长度决定，不再由父容器决定了（让块具备内联的特性）；
4.相对与浏览器整个窗口进行定位，不受浏览器滚动条影响，也不受父容器影响；

5、sticky（黏性定位）：

position：sticky；
在未到达指定位置的时候，无定位效果，
到达了指定位置，就变成了固定模式。

【注】定位偏移量（top、right、bottom、left）不能单独使用，必须配合定位模式。
以上是本周在逆战班的一个小结。