我的页脚不会坐在底部

时间:2012-05-10 13:57:08

标签: html css wordpress iframe social-networking

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

当社交媒体进来时,它会滑落......

不知道为什么......

感谢您的帮助!

3 个答案:

答案 0 :(得分:1)

您的元素noteholder masonry浮动到左侧。

因此,它不占用盒子模型中的空间,并使其下面的所有内容跳到他们认为数据结束的位置。

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

答案 1 :(得分:0)

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

Google clearfix方法并将其应用于父容器,这会将其向下推。

答案 2 :(得分:-1)

尝试在CSS中添加类似内容:

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

如果您不想使用固定页脚,请尝试从float: left;

中删除<div class="noteholder masonry">