position:
文档流指的是元素排版布局过程中,元素会自动从左往右,从上往下的流式排列。并最终窗体自上而下分成一行行,并在每行中从左至右的顺序排放元素。
①static :默认值;默认布局。
②relative :相对定位;不脱离文档流的布局,只改变自身的位置,在文档流原先的位置遗留空白区域。定位的起始位置为此元素原先在文档流的位置。
③absolute :绝对定位;脱离文档流的布局,遗留下来的空间由后面的元素填充。定位的起始位置为最近的父元素(postion不为static),否则为Body文档本身。
④fixed :固定定位;类似于absolute,但不随着滚动条的移动而改变位置。
⑤sticky :粘性定位;相当于relative和fixed,用sticky给定一个位置,当没有超出范围时可以移动,当超出范围时保持位置不变