HTML的三种定位细节1 .固定定位2 .相对定位3 .绝对定位
1 .定位固定
先打代码看看效果
# gu ding { background 3360 light blue； 定位：固定； /*固定定位*/left: 500px； top: 200px； }效果像蓝色的正方形
蓝色方形在滑动后仍相对于浏览器窗口保持其原始位置。 这是固定位置，翻页时的位置相对于浏览器窗口的位置不变。
2 .码相对定位看效果
#向dui { background : light coral； position: relative； left: 100px； top: 200px； )效果像红色的正方形
有图，为什么文字在页面上有空白呢？ (红色的地方)空白的位置其实已经被红色的正方形占用了，所以文字会往下走。 相对对齐是指相对于原始文档流中的位置的对齐，它占据原始位置
3 .绝对定位码看效果
# juedui { background :灯光绿色； 位置： absolute； left: 200px； top: 100px； )效果像绿色的正方形
从图中可以看到，绿色的正方形与文字重叠。 与相对定位正好相反。 绝对对齐是指相对于与其最近对齐的父对象进行对齐，直到找到浏览器窗口的位置，而不管其他图元的位置如何。 因此，即使很多要素重叠，也不会在意绝对的对位。