在CSS中,您可以使用position
屬性來固定一個(gè)div元素不動(dòng),您可以將div元素的position
屬性設(shè)置為fixed
,然后指定它距離頁面頂部的距離和距離頁面左邊的距離,這樣,無論您如何滾動(dòng)頁面,該div元素都會(huì)保持在指定的位置。
如果您想讓一個(gè)div元素在頁面中始終顯示在左下角,可以這樣寫CSS代碼:
div { position: fixed; left: 0; bottom: 0; }
上述代碼中,left: 0;
表示該div元素距離頁面左邊的距離為0,bottom: 0;
表示該div元素距離頁面底部的距離為0,該div元素會(huì)在頁面中始終顯示在左下角。
使用position: fixed;
屬性來固定一個(gè)div元素不動(dòng)時(shí),該div元素會(huì)脫離文檔流,并且會(huì)覆蓋其他元素,在使用該屬性時(shí)需要注意對(duì)其他元素的影響。