我正在設計一個帶有一些預定義樣式的網頁。我想將頁腳底部對齊,以便當您加載到網站時它看起來正常。當我嘗試使用“bottom:0;position:absolute”來執行此操作時,它可以在桌面上運行,但是當您切換到移動設備或筆記本電腦時,它會覆蓋其他內容并顯示在其頂部。我附上圖片:、 以及它應該是什么樣子;。以及它應該是什么樣子;
2 回答

慕運維8079593
TA貢獻1876條經驗 獲得超5個贊
bottom:0
僅當身體高度小于窗戶高度時才使用位置。
if ($(document.body).height() < $(window).height()) { $('#footer').attr('style', ' position: absolute; bottom: 0;left: 0; right: 0;'); }

嚕嚕噠
TA貢獻1784條經驗 獲得超7個贊
是上面的元素嗎position: relative
?
此外,它可能不需要用于position: absolute
頁腳。將頁腳保留在 HTML 的底部并直接使用position: relative
應該可以順利進行。
- 2 回答
- 0 關注
- 119 瀏覽
添加回答
舉報
0/150
提交
取消