CSS:谈一谈position

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

float—适合左右布局

position—适合叠加布局

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

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

​ 不使元素脱离文档流

​ 不影响其他元素布局

​ left right top bottom是相对于当前元素进行偏移的(0,0)是当前匀速左上

CSS:谈一谈position

2.absolute

​ 使元素脱离文档流

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

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

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

3.fixed

​ 使元素脱离文档流

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

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

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

4.sticky

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

5. z-index

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

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

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