當內(nèi)容不足夠高時，使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等于底部的高度，來防止內(nèi)容覆蓋到底部的元素。這個push元素是智能的，它并沒有占用到底部的利用，而是通過全局加了一個負邊距來填充。

?

轉(zhuǎn)載于:https://www.cnblogs.com/qiye2016/p/5806984.html

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

總結

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。