htmlcss网页设计 css div固定一个div使这个div不随着网页的滚而滚动，就是把这个div固定在一个位置任何时候都在一个位置？

css div固定一个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固定位置的方法：

htmlcss网页设计 html css js网页设计 html+css

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