删除页脚下方的空白区域

Question

这是我的网站http://randomawesomeness.tk/，我想摆脱页​​脚下方的空白区域。我不希望滚动的东西显示出来。

Answer 1

试试这个

body {
    font-family: "Lobster",cursive;
    margin: 0;
    padding: 0;
    text-align: center;
}

Answer 2

尝试为您的页脚添加以下CSS。

position: fixed; 将页脚相对于视口定位，这意味着即使滚动页面，它也始终保持在同一位置。

bottom: 0; 将页脚保持在视口底部

width: 100%; 将页脚设置为视口大。

footer {
        position: fixed;
        bottom: 0;
        width: 100%;
        font-size: 20px;
        background: #29EE55;
        color: white;
        margin: -20px -23px 0px -20px;
        text-align: center;
    }

Answer 3

您可以尝试以下操作： -

   body{
      margin:0;
    }

关注你的页脚;

footer{
    position: fixed;
    bottom: 0;
    width: 100;
    margin:0;

}