0

红色页脚在中间出现。如何让它保持在底部？喜欢clear: both和overflow: hidden。

我尝试了很多事情，我做错了什么吗？

演示

代码太大，无法在此处粘贴（限制为 30000 个字符）。请给我工作小提琴。

更新：它现在可以工作了。

#footer {
  position: relative;
  height: 274px
  bottom: 0;
  margin-top: 274px;
}
4

3 回答 3

2

你有

#footer {
    margin:-274px 0 0;
}

这给了它一个负的上边距并将页脚向上移动。尝试删除该行。尽管您可能还需要调整页面的内容。您应该在内容上使用 clearfix，这样它就不会出现在页脚后面。

于 2013-01-02T12:42:59.800 回答
2

尝试这个 ：

#页脚{
    位置：固定；
    底部：0；
}
于 2013-01-02T12:43:43.857 回答
1
  1. clear: both对元素无效position: absolute，因为它们超出了正常流程。
  2. 在元素上设置position: absolute; bottom: 0;样式，div.gallery它将位于其容器的底部。

但这对你来说还不够，你还应该把你<div class="gallery">的移出它的容器 div。

于 2013-01-02T12:51:10.807 回答