在容器外放置一个页脚 div答案

【问题标题】：Position a footer div outside of the container在容器外放置一个页脚 div
【发布时间】：2012-10-18 20:23:23
【问题描述】：

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

我需要使用什么 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;}

【问题讨论】：

根据需要移动标记？我认为你的问题似乎不够具体。
@MicahHenning 标记在上面的问题中，我只是无法将 CSS 放在底部。
你想把哪个元素放在底部？您希望该元素固定在页面上还是窗口上？
@MicahHenning 我希望页脚位于页面底部，目前类似于cl.ly/image/0H45063X1y26，我希望它固定在我认为的页面上
我不知道你的页脚是什么...我看到一堆没有语义的元素...你想要放置在页面底部的那个 ID 是什么？您希望它保留在页面底部还是窗口底部？您发送的图片似乎对我没有帮助。

标签： html css footer html5boilerplate

【解决方案1】：

不确定您要查找的确切内容，但您的#footerHolder 不应该包含#footer 吗？另外， div clear="clear" 不需要，因为您在 #footer 中指定了 clear:both 属性。这应该很好地放在页面底部。

【讨论】：

我试图将页脚放在页面底部而不是内容的一半。我改变了它们，不正确