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