这是一个clearfix浮动?我无法让我的页脚位于页面底部

时间:2015-02-18 22:52:52

标签: html css

我希望我的页脚在每页上的内容之后位于页面底部(未修复) 我阅读了有关创建粘性页脚的帖子,我尝试了:

position: absolute;
bottom: 0;

但我的页脚仍然在漂浮的图像之后。我输入了一个clearfix,但没有解决它。我做错了什么,这是链接:

3 个答案:

答案 0 :(得分:1)

我猜你的问题是"主要内容"。

的高度

删除它,然后设置:

html {
  position: relative;
  min-height: 100%;
}

" padding-bottom"在你的"主要内容"与页脚高度相同(或更高)的间距。

可以在CSS-tricks

找到完整的示例

答案 1 :(得分:0)

设置

 position: absolute;
 bottom: 0;

将其移至窗口底部,但如果您的网页较长,则会得到类似您网页的结果..

相反,您可以将其设置为固定,包装其他内容并为您的页脚留下75px空间,check this;

答案 2 :(得分:-1)

使用:

position:fixed;
bottom:0px;