logo

该视频仅会员有权观看

立即开通课程「Web前端页面基础」权限。

¥
199
/ 年

CSS 固定位置(fixed)

  • 使用 position: fixed 可以设置页面元素的固定位置,使其不随页面滚动而移动。
  • 将页面上的二号元素的 position 设置为 fixed,并使用 right: 0 确定其在窗口最右侧的固定位置。
  • 设置 body 元素的最小高度 (min-height) 为 150vh,即视口高度的1.5倍。
  • 二号元素将固定在窗口的最右侧,不管页面如何滚动,因为它的位置是相对于文档的根元素。
  • 在布局时,浏览器不会考虑固定位置的元素,即它们不影响其他元素的位置。