Question

如何将页脚修复到页面底部？一个页面可能很长（在这种情况下，用户需要滚动以查看页脚）或页面可能很短。（在这种情况下，页脚可以在页面加载时可见）。我试图避免当页面内容很少时我的页脚没有位于页面底部的情况。

Answer 1

几乎没有选择。例如，我最喜欢的解决此问题的方法

<html>
<body>

<div class="wrapper">

  <div class="content"></div>

  <div class="footer"></div>

</div>

</body>
</html>
* {
      margin: 0;
      padding: 0;
    }
    html,
    body,
    .wrapper {
      height: 100%;
    }
    .content {
      box-sizing: border-box;
      min-height: 100%;
      padding-bottom: 90px;
    }
    .footer {
      height: 80px;
      margin-top: -80px;
    }

Answer 2

body {min-height :100vh} 
footer {
margin-bottom : 0; 
position: relative
}

PS：抱歉格式错误，我在智能手机上

如何将页脚固定到页面底部，而不是视口的底部

2 个答案: