HTML中如何调整标签在页面中显示的位置
2020-02-17 00:46
267 查看
刚学html时,我们会用外边距margin调整标签在页面中的位置,但是在实际使用过程中,多个盒子可能会相互影响,导致调整的位置并不理想。
因此,我们可以通过调整标签的绝对位置来调整标签在页面中的位置,此时就可以避免其他盒子的干扰甚至盖在其他盒子上。
具体代码实现如下:
其中,position值有三种:
①static:无特殊定位,对象遵循html定位原则
②absolute:将对象从文档流中拖出,根据left、right、top、bottom属性值来进行绝对定位,对象可层叠
③relative:将对象根据left、right、top、bottom属性值进行定位,但不可层叠。
以上均为本人日常学习的一些心得,旨在与大家一起学习,共同进步,如有不足之处,还请多多指教。
- 点赞
- 收藏
- 分享
- 文章举报