div固定一个div使这个div不随着网页的滚而滚动_CSS学习

来源：网络整理时间：2023/3/4 1:18:29 共 3631 浏览

div固定一个div使这个div不随着网页的滚而滚动？

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

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

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

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

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。