同組人員製作網頁時碰到,當Search出來的結果太少,會導致body的高不足至整個頁面,而讓footer出現在畫面中間(尷尬)
我原本想著body設置min-height:100vh,footer設 absolute 及bottom 0
結果變成這樣

最後Google到這篇:Sticky Footer – 让footer永远置于页面最底端
min-height設置在html,並設為relative。
body的margin-bottom 設置同footer的height,以避免footer蓋到body內的其他元素

html {
    min-height: 100%;
    position: relative;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 80px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 80px;
}
————————————————
版权声明:本文为CSDN博主「EagleMaze」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/lgyaxx/article/details/75020183