Question

我是bootstrap的新手。我是一个创建网站，我在页脚之后得到空格，最小化到移动尺寸。我做了边距：0;填充：0。仍然没有工作.HTML代码是

＆＃13;

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;
}

＆＃13;

<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>

＆＃13;

Answer 1

在页脚图像中，页脚图像绑定到页面顶部，实际上位于页面顶部。从#footer_img在jsfiddle中运行你的代码我删除了margin-top和height它似乎工作。如果没有，请告诉我。

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

对于使用bootstrap的初学者来说，你只能有一个容器，这里有两个容器。

div class="container-fluid section"

footer class="container-fluid footer1"

这可能是造成问题的原因。如果没有解决，请更正并重新上载。感谢

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

1 个答案: