如何在 html 网站中删除页脚下方的空间

Question

我是引导的新手。我是一个创建网站，当将其最小化为移动大小时，我会在其中获得页脚后的空间。我做了边距：0;填充：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 中运行您的代码 我删除了边距顶部和高度，它似乎有效。如果没有，请告诉我。

如果我正确理解您的问题，问题是填充没有出现。

对于初学者来说，使用引导程序时，您只能有一个容器，而这里有两个。

div class="container-fluid section"
footer class="container-fluid footer1" 

这可能是导致问题的原因。更正此问题，如果未解决，请重新上传。谢谢