2016 - 2024

感恩一路有你

position定位属性 绝对定位和相对定位的区别是什么?

浏览量:2465 时间:2021-03-12 13:45:05 作者:admin

绝对定位和相对定位的区别是什么?

位置:绝对定位:绝对定位是相对于元素最近的祖先元素(即具有绝对定位或相对定位的祖先元素)。如果元素没有定位的祖先元素,则其位置相对于原始包含块(主体)。绝对定位本身与文档流无关,因此不占用空间。普通文档流中元素的布局与绝对定位元素不存在时相同,因此可以覆盖页面上的其他元素,并且这些层的顺序可以通过Z-index属性来控制。位置:相对定位:相对定位是相对于文档中元素的初始位置。首先,它出现在其位置(即,未设置位置时的位置)。然后,通过设置垂直或水平位置,元素相对于其原始起点移动。请注意,使用相对定位时,无论是否移动,元素仍占据原始位置或原始空间。因此,移动一个元素会导致它覆盖其他框。

position定位属性 position固定定位 position定位方式

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。