我的页脚不会位于底部

【问题标题】：My footer won't sit at the bottom我的页脚不会位于底部
【发布时间】：2012-05-10 22:07:22
【问题描述】：

我无法像在博客页面上尝试那样让页脚坐在底部：http://c3carlingford.org.au/a-nice-and-tasty-blog/

当社交媒体进来时它会向上滑动...

不知道为什么……

感谢您的帮助！

【问题讨论】：

【解决方案1】：

您的元素 noteholder masonry 向左浮动。

正因为如此，它不占用盒子模型中的空间，并使其下方的所有内容都跳到他们认为数据结束的地方。

要么删除它的浮动属性，要么使用其中的clear:both div 元素将其拉伸到其内容的高度。

【讨论】：

【解决方案2】：

您的主要内容未正确放入容器中。如果你用 Firebug 将鼠标悬停在它上面，你的页脚确实位于容器的底部。

谷歌 clearfix 方法并将其应用于父容器，这会将其向下推送。

【讨论】：

【解决方案3】：

尝试在您的 CSS 中添加类似的内容：

#footer {
    ...
    position: fixed;
    bottom: 0;
}

如果您不想要固定页脚，请尝试从 <div class="noteholder masonry"> 中删除 float: left;

【讨论】：