将页脚div放在容器外面

Question

如何让我的页脚坐在容器外面的页面底部？该模板基于样板。

我需要使用哪些CSS来使其位于底部？

HTML：

</div><!-- end of container -->

    <div clear="clear"></div>
            <div id="footer" class="w960">
        <div id="footerHolder">
            <div class="foot left"></div>

            <!--
            <div class="foot right">
                FOLLOW US:
                <div id="social">
                    <a href=""><div id="fb" class="socialIcon"></div></a>
                    <a href=""><div id="tw" class="socialIcon"></div></a>
                </div>
            </div>
            -->
        </div>
    </div>

CSS：

#container{width:960px;margin:0px auto 40px auto;}
#footer{width:100%;clear:both; height:66px;background:#2d2d2f;}
#footerHolder{width:960px;margin:auto;}

Answer 1

不确定您要查找的是什么，但#footerHolder不应该包含#footer？ 另外，div clear =“clear” 因为您在#footer中指定clear：both属性，所以不是必需的。 这应该很好地放在页面的底部。