htmlcss網(wǎng)頁設(shè)計 css div固定一個div使這個div不隨著網(wǎng)頁的滾而滾動,就是把這個div固定在一個位置任何時候都在一個位置?
css div固定一個div使這個div不隨著網(wǎng)頁的滾而滾動,就是把這個div固定在一個位置任何時候都在一個位置?1、需要使用固定定位才能做到這樣的效果。具體方法是首先打開html編輯器,首先設(shè)置一個
css div固定一個div使這個div不隨著網(wǎng)頁的滾而滾動,就是把這個div固定在一個位置任何時候都在一個位置?
1、需要使用固定定位才能做到這樣的效果。具體方法是首先打開html編輯器,首先設(shè)置一個容器div,然后設(shè)置一個用來演示效果的div,分別設(shè)置class屬性名為container和fixed:
2、在style標(biāo)簽中設(shè)置樣式,設(shè)置container的position屬性為相對定位,并且給它一個很高的高度,然后給fixed設(shè)置高度和寬度,以及顏色等屬性,這里的重點是設(shè)置position屬性為fixed,以及設(shè)置top和left屬性控制div的位置,設(shè)置完成后保存文件:
3、打開瀏覽器,可以看到div并且可以觀察到進(jìn)度條是最上面的:
4、接著將進(jìn)度條拉倒最下面,可以發(fā)現(xiàn)div還是在原來的位置保持不變。以上就是用fixed屬性設(shè)置div固定位置的方法: