Css：页脚不会降到最低点？

Question

当内容长于整个页面时，页脚将会返回到底部，您必须向下滚动才能看到页脚，但是当它的内容很低而没有滚动时，底部和页脚之间会有一个空格？

我使用bulma CSS框架，这里是代码

＆＃13;

＆＃13;

.footer {
  padding: 1rem 1.5rem 1rem;
  bottom: 0 !important;
  width: 100%;
  padding-bottom: 18px;
  background-color: whitesmoke;
  padding: 3rem 1.5rem 6rem;
}

＆＃13;

<footer class="footer">
  <div class="container">
    <div class="content">
      <p><i class="fa fa-hashtag"></i> &nbsp;&copy; 2017 - Project Name</p>
      <p class="copyright">Built on the EC9 Platform with <a href="https://laravel.com/" target="_new">Laravel</a>, <a href="https://bulma.io/" target="_new">Bulma</a> and <span class="icon is-small"><i class="fa fa-heart"></i></span>.</p>
    </div>
  </div>
</footer>

＆＃13;

＆＃13;

＆＃13;

预览：

Answer 1

你的css代码是重复的填充。

＆＃13;

＆＃13;

Ruby

＆＃13;

.footer {
  position: absolute;
  bottom: 0;
  padding: 1rem;
  width: 100%;
  background-color: red;
}

＆＃13;

＆＃13;

＆＃13;

Answer 2

你可以使用 poistion：absolute;底部：0; 并将 margin-top 添加到它=它的高度（页脚）。