1

我们有一个粘性页脚，在任何基于 WebKit 的东西中都可以很好地工作，但在 Firefox（或新版本的 IE）中似乎不起作用。

在高度约 200 像素的页脚下方生成了额外的空间，该空间继承了主体的背景颜色。

额外的空间似乎不是我们能找到的任何 div 的一部分，包括 html、body、content、wrapper 等。它似乎也不是由任何元素上的任何类型的填充或边距引起的。

我们在Ryan Fait 的 CSS Sticky Footer方法上构建了它，该方法在包装 div 内部使用了一个 push div，并带有一个单独的 footer div。

您可以在redesign.treepuncher.com/freetrial/上查看

4

2 回答 2

1

页面底部的 iframe 和版权正在创造不必要的空间。如果不影响您网站的功能，您可以停止显示 iframe。试试这个代码：

.copy {
    color: #FFFFFF;
    float: right;
    font-weight: 100 !important;
    margin: 95px 15px 0 15px; //Fixes margin at the bottom of this div
}

iframe {
    display: none; //Stops iframe from being displayed
}
于 2013-03-25T01:39:50.260 回答
0

以下 css 应使其具有粘性并删除底部不必要的空间

.footer {
    background-color: #006837;
    bottom: 0;
    color: #FFFFFF;
    font-family: "roboto",sans-serif;
    font-size: 12px;
    font-weight: 100;
    height: 120px;
    position: fixed;
    width: 100%;
}
.wrapper {
    height: auto !important;
    margin: 0 auto;
    min-height: 100%;
}
于 2013-03-25T01:27:33.617 回答