900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > div固定一个div使这个div不随着网页的滚而滚动 – CSS – 前端 css炫光

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

时间:2023-08-24 13:49:09

相关推荐

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固定位置的方法:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。