如何让页脚粘在我的网页文本的末尾？ [关闭]

Question

我在这个网站上遇到了一个大问题。-> http://www.webbon.ca/demo/dev/home/

问题很简单。我只需要让页脚粘在文本的末尾。您可以使用检查元素或萤火虫告诉我您进行了哪些修改以使其正常工作。

Answer 1

这里有一个简单的方法来获得一个粘在页面底部的页脚：

CSS：

* {
margin:0;
padding:0;
}
html, body {height: 100%;}
#wrap {min-height: 100%;}
#main {
overflow:auto;
padding-bottom: 150px;
}  
#footer {
position: relative;
margin-top: -150px;
height: 150px;
background-color: #CCCCCC;
clear:both;
}

HTML：

<div id="wrap">

<div id="main">
<h1>Content!</h1>
</div>

</div>

<div id="footer">
<p>I'm the footer.</p>
</div>

您可以在http://www.cssstickyfooter.com/using-sticky-footer-code.html 上查看更多信息并获得具体修复。