html - 在容器外放置一个页脚 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

Not sure what you're looking for exactly but shouldn't your #footerHolder contain the #footer? Also, div clear="clear" is not required since you are specifying the clear:both property in #footer. This should rest nicely at the bottom of the page.