[html] 寫個(gè)布局，當(dāng)頁面高度不夠時(shí)，底部固定在下面，反之不固定

<div class="layout"> <header class="header"><!-- header 內(nèi)容 …… --></header><div class="page"><slot /></div><footer class="footer"><!-- footer 內(nèi)容 …… --></footer> </div>.layout {position: relative;min-height: 100%; } .page {padding-bottom: 45px; } .footer {color: #c5c5c5;position: absolute;bottom: 20px;height: 25px; }

個(gè)人簡(jiǎn)介

我是歌謠，歡迎和大家一起交流前后端知識(shí)。放棄很容易，
但堅(jiān)持一定很酷。歡迎大家一起討論

主目錄

與歌謠一起通關(guān)前端面試題

總結(jié)

以上是生活随笔為你收集整理的[html] 写个布局，当页面高度不够时，底部固定在下面，反之不固定的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

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