页脚栏不会出现在页面底部

Question

我现在尝试了一切。我的页脚栏保持在页面中间或固定在屏幕的底部。无论我在网站上放了多少内容，我都需要在页面底部。

＆＃13;

＆＃13;

#footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background: #000000;
}

＆＃13;

<div id="footer">

</div>

＆＃13;

＆＃13;

＆＃13;

Answer 1

使用bottom：auto，而不是'0'

#footer {
position: absolute;
right: 0;
bottom: auto;
left: 0;
width:100%;
height:60px;
background:#000000;
}

content <br>Content<br>Content
<div id="footer">

</div>