htmlのウェブサイトのフッタの下のスペースを削除する方法

Question

私はブートストラップに新しく、私はフッタの後にモバイルサイズに最小化するときにスペースを得ている作成ウェブサイト。私はマージンを0にしました。 HTMLコードは、あなたが実際にそれより上、ページの最上部に結合されたフッタイメージを持ってフッターイメージで

body { 
 
    width: 100%; 
 
    background-color: #FF9933; 
 
} 
 

 
#footer_img { 
 
    margin-top: -50px; 
 
    width: 100%; 
 
    height: 60px; 
 
} 
 

 
.container-fluid { 
 
    padding: 0px; 
 
    margin: 0px; 
 
    height: 100%; 
 
} 
 

 
.footer1 { 
 
    height: 100%; 
 
    margin: 0; 
 
} 
 

 
body { 
 
    padding: 0; 
 
    margin: 0; 
 
}

<div class="container-fluid section"> 
 
    <div class="row"> 
 
    <img class="img-responsive" src="images/Content_bg.png" alt="content image" id="content_img"/> 
 
    </div> 
 
</div> 
 

 
<footer class="container-fluid footer1"> 
 
    <img class="img-responsive" src="images/footer2.png" alt="footer image" id="footer_img"/> 
 
</footer>

Answer 1

です。 #footer_imgからjsfiddleでコードを実行するマージントップと高さの両方を削除しても動作するようです。そうでない場合は教えてください。

あなたの質問を正しく理解している場合、問題はパディングが表示されていないことです。

ブートストラップを使用する場合は、最初はコンテナを1つしか使用できません。ここには2つあります。

div class="container-fluid section" 

footer class="container-fluid footer1" 

これは問題を引き起こしている可能性があります。解決していない場合は、修正して再アップロードしてください。ありがとう