CSS中可以使用position
屬性來固定一個(gè)div的位置不變,具體步驟如下:
1、在CSS中設(shè)置div的position
屬性為absolute
、relative
或fixed
。absolute
表示***定位,relative
表示相對(duì)定位,fixed
表示固定定位。
2、使用top
、right
、bottom
和left
屬性來設(shè)置div的具體位置,如果想要讓div距離頁面頂部20像素,右側(cè)50像素,可以將top
設(shè)置為20,將right
設(shè)置為50。
3、如果想要讓div始終保持在頁面的某個(gè)位置,無論頁面如何滾動(dòng),可以將position
設(shè)置為fixed
。
需要注意的是,使用***定位時(shí),div的位置是相對(duì)于其***近的非靜態(tài)定位的祖先元素,如果沒有這樣的祖先元素,則相對(duì)于初始包含塊,而相對(duì)定位則是相對(duì)于元素在文檔流中的當(dāng)前位置。
還可以通過設(shè)置div的樣式為position: static;
來取消固定位置的設(shè)置。
CSS中可以通過設(shè)置position
屬性來固定一個(gè)div的位置不變。