定位
文章目录
定位相对定位绝对定位固定定位粘滞定位元素层级
定位是一种更加高级的布局手段，通过定位可以将元素摆在任意位置
position
可选值static（默认值）relative（相对定位）absolute（绝对定位）fixed（固定定位）sticky（粘滞定位）
相对定位
position：relative
参照物：元素在文档流中原来的位置
会提高元素层级
在使用相对定位时，无论是否进行移动，元素仍然占据原来的空间。因此，移动元素会导致它覆盖其它框。
offset（偏移量）
垂直方向：top/bottom水平方向：left/right使用水平垂直方向一个变量即可
绝对定位
position：absolute参照物：包含块包含块 ：离当前元素最近的组间元素（通常为最近的开启定位（position不是static的）祖先元素）如果都为开启，则为根元素特点
不设置偏移量，元素位置不会发生变化元素会从文档流中脱离会改变元素性质：会使元素提高一个层级 因为脱离文档流所以可能覆盖页面上其他元素所以可以使用z-index属性来控制这些框的堆放次序 z-indexauto：默认，堆叠顺序与父元素一样mumber，设置顺序inherit 继承父元素值
固定定位
position：fixed参照物：永远时网页的可视化窗口，不会随滚动条滚动
粘滞定位
粘滞定位：positoion：sticky固定到某位置，然后不随滚动条滚动，参考物（包含块）
元素层级
z-index
auto：默认，堆叠顺序与父元素一样mumber，设置顺序inherit 继承父元素值
