首页 前端知识 html5中三大定位原理和使用

html5中三大定位原理和使用

2024-06-20 09:06:18 前端知识 前端哥 356 319 我要收藏

在html5中定位是用于网页的布局,属性为position。其分为相对定位、绝对定位和固定定位。

1相对定位:相对定位:position: relative;-参考自己默认的原位置进行定位-不释放原有空间位置---没有脱标(脱离标准流布局)。

2 绝对定位:position: absolute---- 参考body标签的左上角原点位置进行定位---释放原有空间位置---脱标(脱离标准流布局)。

3 父相子绝----父元素为相对定位,子元素为绝对定位。

4 固定定位:position: fixed;----参考浏览器窗口的左上角原点位置进行定位---释放原有空间位置---脱标(脱离标准流布局)。

所以在html中普遍使用方式为子绝父相,即子元素绝对定位,父元素相对定位。固定定位是需求时采用。

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

爱心

2024-06-27 17:06:24

读魏书生的心得体会

2024-07-03 14:07:10

jQuery 选择器

2024-05-12 00:05:34

Vue中public/assets目录区别

2024-07-02 23:07:29

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