CSS：谈一谈position

CSS中position是用来指定元素位置
通常在布局时：

float—适合左右布局

position—适合叠加布局

1.relative(以自身为原点进行移动)

​ 如果没有定位偏移量，对元素本身没有任何影响

​ 不使元素脱离文档流

​ 不影响其他元素布局

​ left right top bottom是相对于当前元素进行偏移的（0，0）是当前匀速左上

2.absolute

​ 使元素脱离文档流

​ 使内联元素支持宽高（让内联具备块特性

​ 使块元素默认宽高根据内容决定（让块元素具备内联特性

​ 如果有定位祖先元素，就相对于定位祖先元素进行偏移，没有的话就相对于整个文档发生偏移
​ 定位祖先元素可以是relative absolute fixed

3.fixed

​ 使元素脱离文档流

​ 使内联元素支持宽高（让内联具备块特性

​ 使块元素默认宽高根据内容决定（让块元素具备内联特性

​ 相对于浏览器窗口进行偏移，不受滚动条影响

4.sticky

​ 当元素移动到top /bottom指定位置之后，会黏在那里（导航栏

5. z-index

​ 默认层级0 ，值越大层级越高

​ 一般后写的会在上面（层级高

​ 嵌套的时候，如果父容器写了z-index那么就比较父容器的，里面的再高也不比较