2016 - 2024

感恩一路有你

html固定位置不随页面 怎么让DIV固定在页面的某个位置而不随着滚动条随意滚动?

浏览量:1344 时间:2021-03-11 21:13:24 作者:admin

怎么让DIV固定在页面的某个位置而不随着滚动条随意滚动?

将内容固定到特定位置,并相对于浏览器窗口进行定位。

定位位置通常有绝对定位和相对定位,它们都是相对于主体中的块元素。但是,如果要在某个位置设置某个内容,无论滚动条滑动到何处,它仍然在浏览器窗口中,需要使用固定的。

固定元素框的行为类似于将位置设置为绝对,但其包含的块是窗口本身。同意使用left、top、right和bottom的值。其用法类似于绝对

有关详细信息,请参阅W3C中的说明。

如何让DIV随着左右滚动条移动,上下滚动条不变?

1。为头部定义一个div,固定高度并设置绝对位置(位置:绝对),设置上边距(顶部:0)

2. 在底部定义一个div,固定高度并设置绝对位置(位置:绝对),设置下边距(底部:0)

3. 在中间定义一个div,并设置溢出:Auto set absolute positioning(位置:绝对),设置top和bottom,top的值等于head div的高度,bottom的值等于bottom div的高度。示例1 2 3 4 5 6 7 8 9 10 11 12 15 16 18 19 20 21 22

html固定位置不随页面 html网页缩小不变形 html鼠标放上去显示文字

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。