無法接受內容少的時候,或螢幕解析度較大的時候 Footer 浮在半空中,這會讓我很難過,以前切HTML就有這種症狀,在WordPress中也是一樣,無法接受,所以花了一些時間找到一個最簡單的解決方法
以下幾行CSS就可以搞定
/* https://stackoverflow.com/a/59071640 */
body {
display: flex;
flex-direction: column;
flex: 1;
min-height: 100vh;
}
.elementor-location-footer {
margin-top: auto;
}
https://stackoverflow.com/a/59071640
https://css-tricks.com/couple-takes-sticky-footer/#article-header-id-3
https://stackoverflow.com/q/1488565