获取页脚留在页面底部

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

任何意见，建议，答案表示赞赏。

Answer 1

只需添加到#footer-container

position:absolute; 
bottom:0px; 

为了把footer在页面的底部。

Answer 2

EDITED

<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 */