Remove the whitespace below the footer

Question

这是我的网站http://randomawesomeness.tk/ ，我想摆脱页​​脚下方的空白。我也不想显示滚动内容。

Answer 1

Try this

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

Answer 2

Try to add the following CSS for your footer.

position: fixed; Position your footer relative to the viewport, which means it always stays in the same place even if the page is scrolled.

bottom: 0; Keep the footer at bottom of viewport

width: 100%; Make the footer large as the viewport.

---

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

Answer 3

You can try following :-

   body{
      margin:0;
    }

And on you footer following;

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

}