position彻底搞懂

参考：https://www.bilibili.com/video/BV1iE411W7ug?from=search&seid=3405824901573755911&spm_id_from=333.337.0.0

1，static：文档流

2，relative：文档流+相对文档流中自身位置偏移（top，bottom，left，right）

3，absolute：在body或父元素（除static父元素）中脱离文档流另起一层，相对于父元素（除static父元素）偏移，可滚动

4，fixed：在body或父元素（不偏移的情况下——不设置top，bottom，left，right四个属性）中脱离文档流，相对于body进行偏移（即便父元素已经设置position为relative或则absolute了），不可滚动