フッタの下の空白を取り除く

Question

ここに私のウェブサイトhttp://randomawesomeness.tk/があります。フッタの下の空白を取り除きたいと思います。スクロールするものを表示したくありません。

Answer 1

を試してみてください。

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 2

は、あなたのフッターの次のCSSを追加してみます。この

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

Answer 3

次試すことができます： - 以下のフッター

body{ 
     margin:0; 
    } 

そして、あなたの上に。

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

}