CSS中,可以使用position屬性將div元素始終固定在底部,具體實現(xiàn)方式如下:
1、給div元素添加position屬性,并將其值設置為fixed或absolute。
2、如果使用fixed,則div元素會固定在瀏覽器窗口的底部,即使頁面滾動也不會改變其位置。
3、如果使用absolute,則div元素會固定在***近的相對定位(relative)或***定位(absolute)祖先元素的底部。
假設我們有一個div元素,我們希望它始終在頁面的底部,無論頁面如何滾動,我們可以這樣寫CSS代碼:
div { position: fixed; bottom: 0; }
bottom: 0;
表示div元素的底部與頁面的底部對齊,這樣,無論頁面如何滾動,div元素都會保持在底部。
如果我們希望div元素只在某個特定的相對定位或***定位祖先元素的底部,我們可以這樣寫:
div { position: absolute; bottom: 0; }
這樣,div元素就會固定在***近的相對定位或***定位祖先元素的底部。
版權聲明:除非特別標注,否則均為本站原創(chuàng)文章,轉載時請以鏈接形式注明文章出處。