首页 >

div固定一个div使这个div不随着网页的滚而滚动 – CSS – 前端,css炫光

css 教学,html css 模板,css支持原生模式,css中定位图片,html 外部css文件路径,css 元素被压在下层,css炫光div固定一个div使这个div不随着网页的滚而滚动 - CSS - 前端,css炫光

1、需要使用固定定位才能做到这样的效果。具体方法是首先打开html编辑器,首先设置一个容器div,然后设置一个用来演示效果的div,分别设置class属性名为container和fixed:

2、在style标签中设置样式,设置container的position属性为相对定位,并且给它一个很高的高度,然后给fixed设置高度和宽度,以及颜色等属性,这里的重点是设置position属性为fixed,以及设置top和left属性控制div的位置,设置完成后保存文件:

3、打开浏览器,可以看到div并且可以观察到进度条是最上面的:

4、接着将进度条拉倒最下面,可以发现div还是在原来的位置保持不变。以上就是用fixed属性设置div固定位置的方法:


div固定一个div使这个div不随着网页的滚而滚动 - CSS - 前端,css炫光
  • 谷歌浏览器怎么把浏览器里面的书签全部导入手机里面去 - CSS - 前端,下载网站js css
  • 谷歌浏览器怎么把浏览器里面的书签全部导入手机里面去 - CSS - 前端,下载网站js css | 谷歌浏览器怎么把浏览器里面的书签全部导入手机里面去 - CSS - 前端,下载网站js css ...

    div固定一个div使这个div不随着网页的滚而滚动 - CSS - 前端,css炫光
  • css和c语言的区别 - CSS - 前端,css absolute 靠右
  • css和c语言的区别 - CSS - 前端,css absolute 靠右 | css和c语言的区别 - CSS - 前端,css absolute 靠右 ...

    div固定一个div使这个div不随着网页的滚而滚动 - CSS - 前端,css炫光
  • 好的影视视频素材去哪里找比较好 - CSS - 前端,css设置属性无效
  • 好的影视视频素材去哪里找比较好 - CSS - 前端,css设置属性无效 | 好的影视视频素材去哪里找比较好 - CSS - 前端,css设置属性无效 ...