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