首页 前端知识 【h5】相对定位和绝对定位

【h5】相对定位和绝对定位

2024-05-12 17:05:15 前端知识 前端哥 717 977 我要收藏

绝对定位

position: absolute;

绝对定位:绝对定位是相对于元素最近的已定位的祖先元素(即是设置了绝对定位或者相对定位的祖先元素)。如果元素没有已定位的祖先元素,那么它的位置则是相对于最初的包含块(body)。

绝对定位与文档流无关,所以它们可以覆盖页面上其他的元素,可以通过z-index属性来控制这些层的对方顺序。
在这里插入图片描述

相对定位

position: relative;

相对定位:相对定位是相对于元素在文档中的初始位置;

注意,在使用相对定位时,无论是否进行移动,元素仍然占据原来的空间。因此,移动元素会导致它覆盖其它框。
在这里插入图片描述

转载请注明出处或者链接地址:https://www.qianduange.cn//article/8330.html
标签
评论
发布的文章

Newtonsoft.Json

2024-05-23 20:05:19

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!