當內容不足夠高時，使footer始終處于底部，其中一種方法

html代碼

<div class="wrapper"><div class="content">content</div><div class="push"></div> </div> <footer class="footer"></footer>

css樣式

html,body{ height: 100%; margin: 0; } .wrapper{min-height: 100%;margin-bottom: -50px; } .footer,.push{ height: 50px; } .footer{ background: green; }

?

這個代碼需要一個額外的元素.push等于底部的高度，來防止內容覆蓋到底部的元素。這個push元素是智能的，它并沒有占用到底部的利用，而是通過全局加了一個負邊距來填充。

?

轉載于:https://www.cnblogs.com/qiye2016/p/5806984.html

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的让底部始终在浏览器底部的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。