24-定位position：static, relative,absoluted,fixed,sticky

定位position

• static            不定位
• relative         相对定位（不脱离标准文档流）
• absoluted    绝对定位（脱离标准文档流）
• fixed             固定定位：脱离标准文档流，参考的是浏览器窗口
• sticky           粘性定位

1.固定定位

<style>
            /* 固定定位：top,right,bottom,left */
            /* 固定定位：一开始图片就已经脱离标准文档流，漂在上面会遮住东西但是不占位置 */
            position: fixed;
</style>

2.粘性定位

<style>
            /* 粘性定位 */
            /* 没有滚动的时候图片是占位置的，滚动之后就不占位置和固定定位相同 */
            position: sticky;
</style>

3.相对和绝对定位

相对和绝对配合使用，让一个元素参考另一个父元素做定位 。父级做相对定位relative，子级做绝对定位absoluted

<