javascript - 没有内容时如何在底部设置页脚

Question

<footer>
  <div class="container">
  <div class="row container">
    <div class="col-sm-6 col-md-6 col-lg-6 col-xs-12 no-padding">
      <p>Designed by <a href="http://wiredelta.com/" target="_blank">Wiredelta</a> </p>
    </div>
    <div class="col-sm-6 col-md-6 col-lg-6 col-xs-12 no-padding">
      <div class="pull-right barMain">
        <ul class="social-bar">
          <li>
            <a href="https://www.facebook.com/" target="_blank">
              <span class="fa-stack back-fa "><i class="fa fa-facebook fa-stack-1x"></i></span>
            </a>
          </li>
          <li>
            <a href="https://twitter.com/" target="_blank">
              <span class="fa-stack back-fa "><i class="fa fa fa-twitter fa-stack-1x"></i></span>
            </a>
          </li>
          <li>
            <a href="https://plus.google.com/" target="_blank">
              <span class="fa-stack back-fa "><i class="fa fa-google-plus fa-stack-1x"></i></span>
            </a>
          </li>
          <li>
            <a href="https://www.instagram.com/" target="_blank">
              <span class="fa-stack back-fa "><i class="fa fa-instagram fa-stack-1x"></i></span>
            </a>
          </li>
        </ul>
      </div>
    </div>
  </div>
  </div>
</footer>

当正文中没有内容时，页面底部没有页脚。所以我只需要在底部修复页脚，当我运行代码时，代码。plzz 给出如何修复页脚的建议到底。

Answer 1

footer {
  position: fixed;
  bottom: 0;
}

只需将其添加到您的 CSS 中即可。