HTML5中允許我們使用居下代碼來讓頁面中的元素定位于頁面的底部。具體方法如下:
footer { position: absolute; bottom: 0; width: 100%; height: 60px; background-color: #333; color: #fff; text-align: center; line-height: 60px; }
這段代碼中,我們為
需要注意的是,當使用居下代碼時,需要保證整個頁面的高度足夠大,否則元素可能會被覆蓋在其他內容上。此外,如果頁面中的內容高度改變,如文本框的輸入,就可能會導致元素的位置發生變化,因此需要在編寫代碼時格外注意。