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那么就比较父容器的,里面的再高也不比较