如何制作簡(jiǎn)易DIV懸浮框？使用Dreamweaver打開(kāi)已編輯的HTML頁(yè)面。然后打開(kāi)折疊的body標(biāo)簽，在標(biāo)簽?zāi)┪蔡砑觗iv，在div中添加img標(biāo)簽，Src指向images文件夾中的圖像。此時(shí)，d

如何制作簡(jiǎn)易DIV懸浮框？

使用Dreamweaver打開(kāi)已編輯的HTML頁(yè)面。然后打開(kāi)折疊的body標(biāo)簽，在標(biāo)簽?zāi)┪蔡砑觗iv，在div中添加img標(biāo)簽，Src指向images文件夾中的圖像。此時(shí)，div沒(méi)有相應(yīng)的CSS樣式，而只是在整個(gè)頁(yè)面的左下角，接下來(lái)我們需要給它添加一定的CSS樣式。為了簡(jiǎn)單起見(jiàn)，我的CSS樣式寫在頁(yè)面的body標(biāo)記中。首先，讓我們固定div的position樣式，這意味著相對(duì)于屏幕進(jìn)行定位。然后將top設(shè)置為20pxlight和20px，這樣我們的div就固定在屏幕右上方20個(gè)像素