position的四大家族

今天继续瞎掰掰，我们聊聊position，它们有四大家族分别是固定定位fixed，相对定位relative和绝对定位absolute还有默认的static。

position:static从名字就可以看出来是默认值。

position:fixed是固定定位，从固定二字可以看出来，他是固定在页面的一个地方，不会随页面的滚动而变化。

position:realtive相对定位，相对于本身原来的位置进行定位，它不脱离文档流的布局。

position:absolute绝对定位，相对于父元素进行定位，会改变文档流的布局。

而定位的位置的改变又通过left、right、top和bottom来改变，（个人这样理解：如果是left则是向右移动，top是向下移动，bottom、right同理）

晚安，各位大佬。