CSS中有許多方法可以實現將元素固定在窗口底部,以下是其中幾種常用的方式:
/* 方法1:使用絕對定位 */ .footer { position: absolute; bottom: 0; width: 100%; } /* 方法2:使用fixed定位 */ .footer { position: fixed; bottom: 0; width: 100%; } /* 方法3:使用flex布局 */ html, body { height: 100%; } .container { min-height: 100%; display: flex; flex-direction: column; } .footer { margin-top: auto; }
以上的代碼都可以輕松實現居于窗口底部的效果,具體選擇哪一種方式取決于個人實際情況而定。同時,注意兼容性問題,在使用fixed定位時要注意考慮舊瀏覽器的兼容性。