绝对定位和相对定位的区别和应用

发布时间:2022-08-23分类:初一辅导
初高中视频课程免费试听20小时
1初一全科精品视频课程免费试听 2初二全科精品视频课程免费试听 3初三全科精品视频课程免费试听
4高一全科精品视频课程免费试听 5高二全科精品视频课程免费试听 6高三全科精品视频课程免费试听

相对定位不会失去文档流中的位置,而绝对定位和固定定位都会失去原来在文档流中的位置而被下面的替代。无论是相对、绝对还是固定定位,当偏移量超出上面、左边浏览器窗体(或者说超出可视区域)的时候,超出的内容都会被隐藏。

绝对定位和相对定位

相对定位:对一个元素进行相对定位,它将出现在它所在的位置上。可以通过设置垂直或水平位置,让这个元素“相对于”它的起点进行移动。

绝对定位:文本流中的内容会顶替绝对定位元素的位置,而绝对定位元素自然的层叠于文本流之上。而在单一的绝对定位中,定位元素将会跑到网页的左上角,因为那里是被绝对定位后的坐标原点。