获取页脚留在页面底部[重复]

Question

可能重复：
CSS to make HTML page footer stay at bottom of the page with a minimum height

（网站链接：http://www.eastsidespeedway.weebly.com/）

请使用上面的链接和您的浏览器开发工具查看html/css。

我试图让页面的页脚保持在页面底部。它现在看起来好像已经关闭了，但这只是因为它适合页面。例如，如果您转到 /404.html，您会看到它是一个无页眉页面，并且页脚几乎位于页面的一半！我使用 Weebly 添加内容等，但我使用 Dreamweaver 构建站点。我在网上尝试了多种方法，但它们似乎使页脚超出实际内容的位置，您看不到它。我需要它低于内容。

网站布局是这样的（示例）：

<div id="container>
  <div id="navigation"></div>
  <div id="content"></div>
</div>

<div id="footer-container>
  <div id="footer"></div>
</div>

您可以看到页脚位于单独的容器中。这是因为有一个背景图片需要显示 100% 的页面宽度，而容器是 960px 宽。

我对 html/css 有点陌生，如果您不太了解，请见谅。

同样，如果您需要任何帮助，请使用浏览器中的开发人员工具。 :P

感谢任何 cmets、建议、答案。

Answer 1

已编辑

<div id="wrapper">
  <header></header>
  <div id="main"></div>
  <footer></footer>
</div>

body, html, #wrapper { height: 100%;  } /* Create space for elements to be 100% */
#wrapper { display: table; } /* Create a table-structure */
#wrapper > * { display: table-row; } /* All direct children behave as rows */
#wrapper > header, 
#wrapper > footer { min-height: 100px; } /* These must be at least 100px */
#main { height: 100%; } /* Let the mid section fill up the remaining space */

Answer 2

只需添加到#footer-container

position:absolute;
bottom:0px;

将footer 放在页面底部。