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