position:
static(默认)
relative
absolute
fixed
sticky(黏性)
relative:
如果没有定位偏移量,对元素本身没有任何影响
不使元素脱离文档流★
不影响其它元素布局★
left、top、right、bottom是相对于当前元素自身进行偏移的
absolute:
使元素完全脱离文档流★
使内联元素支持宽高(让内联具备块特性)★
使块元素默认宽高根据内容决定(让块具备内联的特性)★
如果有【定位祖先元素】相对于【定位祖先元素】发生偏移, 没有【定位祖先元素】相对于整个文档发生偏移(绝对、相对、固定)
(祖先元素也就是你父元素有没有position:绝对、相对、固定,没有就看你父元素的父元素,以此类推)
fixed:
使元素完全脱离文档流★
使内联元素支持宽高(让内联具备块特性)★
使块元素默认宽高根据内容决定(让块具备内联的特性)★
相对于整个浏览器窗口进行偏移,不受浏览器滚动条的影响
(相对于absolute定位的第四条,即使有【定位祖先元素】,也会相对于整个浏览器窗口进行偏移)
sticky
在指定的位置,进行黏性操作
黏性布局的用处: