(3)absolute:元素的位置相对于最近的已定位祖先元素
(非 static 定位)进行偏移。如果没有已定位的祖先元素,
则相对于初始包含块(通常是浏览器窗口)进行偏移。使用
top、right、bottom 和 left 属性来指定相对偏移的距离。
absolute 定位会从文档流中脱离,其偏移不会影响其他元
素的布局。
(4)fixed:元素的位置相对于视窗(浏览器窗口)进行固
定定位。即使页面滚动,元素也会保持固定的位置。使用 top、
right、bottom 和 left 属性来指定固定位置的距离。fixed
定位会从文档流中脱离,其偏移不会影响其他元素的布局。
(5)sticky:元素根据用户的滚动位置进行定位。它的行
为类似于 relative 定位,直到滚动到特定阈值,然后变为
fixed 定位。使用 top、right、bottom 和 left 属性来指
定相对或固定位置的距离。
7. px、em、rem、%、vw、vh、vm 这些单位的区别?
答:(1)px(像素):px 是绝对单位,表示相对于显示设
备的屏幕分辨率的一个像素点。它的值是固定的,不会随着
其他因素的改变而变化。
(2)em:em 是相对单位,相对于元素的字体大小。如果应
用于字体大小,1em 等于元素的父元素字体大小。如果应用
于其他属性,1em 等于元素自身字体大小。