用户登录

把元素的 position 设置成 fixed,可以设置元素的固定位置,这个位置相对的是文档的根元素。

设置一下页面上 2 号元素的样式,把它的 position 设置成 fixed,意思是要设置元素的固定位置,去掉要其它的位置信息。下面可以使用 right 设置一下右边的位置,把它的值设置成 0,

下面我们再设置一下 body 元素的最小高度,把它的 min-height 设置成 150vh,这个 vh 是一种相对的长度单位,vh 表示 viewport height,也就是可视窗口的高度。150vh 表示高度是可视窗口高度的 1.5 倍。

你会发现,2 号元素会紧贴着窗口的最右边显示,因为元素的固定位置相对的是文档的根元素。上下滚动页面,你会发现 2 号元素会一直固定在这个位置上显示。

浏览器在排版的时候也不会考虑使用固定位置的元素。

CSS 固定位置(fixed)《 Web 基础:界面布局 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点