position标签

position：

文档流指的是元素排版布局过程中，元素会自动从左往右，从上往下的流式排列。并最终窗体自上而下分成一行行，并在每行中从左至右的顺序排放元素。

①static ：默认值；默认布局。


②relative ：相对定位；不脱离文档流的布局，只改变自身的位置，在文档流原先的位置遗留空白区域。定位的起始位置为此元素原先在文档流的位置。

③absolute ：绝对定位；脱离文档流的布局，遗留下来的空间由后面的元素填充。定位的起始位置为最近的父元素(postion不为static)，否则为Body文档本身。

④fixed ：固定定位；类似于absolute，但不随着滚动条的移动而改变位置。

⑤sticky ：粘性定位；相当于relative和fixed，用sticky给定一个位置，当没有超出范围时可以移动，当超出范围时保持位置不变
 

转载于:https://www.cnblogs.com/925039847z/p/9695619.html