HTML中如何调整标签在页面中显示的位置

刚学html时，我们会用外边距margin调整标签在页面中的位置，但是在实际使用过程中，多个盒子可能会相互影响，导致调整的位置并不理想。
因此，我们可以通过调整标签的绝对位置来调整标签在页面中的位置，此时就可以避免其他盒子的干扰甚至盖在其他盒子上。
具体代码实现如下：

其中，position值有三种：
①static：无特殊定位，对象遵循html定位原则
②absolute：将对象从文档流中拖出，根据left、right、top、bottom属性值来进行绝对定位，对象可层叠
③relative：将对象根据left、right、top、bottom属性值进行定位，但不可层叠。
以上均为本人日常学习的一些心得，旨在与大家一起学习，共同进步，如有不足之处，还请多多指教。