0 
body {
    background: #ffffff;
    color: #000;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 13px;
    text-align: center; /* IE 5 fix */
    line-height: 1.4;
height: 100%;
margin: 0;
padding: 0;
}

#container {
    width: 50%;
    background: #fff;
    border: none;
    color: #000000;
    margin: auto auto;
    padding: 20px;
    text-align: left; /* IE 5 fix */
overflow:auto;
padding-bottom: 180px
}

#wrap {
min-height: 100%;
}

#footer {
background: #000 url(images/cbf/foot.png) repeat;
border-top: solid 1px #000;
position: relative;
width:100%;
margin-top: -180px; /* negative value of footer height */
height: 180px;
clear:both;
}

一整天都在努力，也许我的眼睛只是因为疲惫而失明。

我也在 body 标签中加入了 wrap div，我清除了缓存并尝试了 Chrome 和 firefox。

4

4 回答 4

1

尝试这个

#footer {
background: #000 url(images/cbf/foot.png) repeat;
border-top: solid 1px #000;
position: fixed;
bottom: 0;
width: 100%;
height: 180px;
clear: both;
}
于 2013-02-12T03:51:12.073 回答
1

您是否尝试过添加bottom:0;到页脚？

::EDIT:: 不太确定您是在谈论整个页脚还是只是文本。如果你想要底部的文本，给它一个新的 div/class 并设置 bottom:0; 它会为你把它放在那里。如果你想把整个页脚放在底部，它已经在我的 Firefox 和 Chrome 中了。

::编辑2::

#copyright { font: 11px Verdana, Arial, Sans-Serif; bottom: 0; padding: 10px 0 0 0; }

如果您也想要底部的链接，请将它们也添加到版权 div 中。

这是您的页脚：

#footer {
background: #000 url(../../../images/cbf/foot.png) repeat;
border-top: solid 1px #000;
position: relative;
width:100%;
bottom: 0px;
margin-top: -180px; /* negative value of footer height */
height: 180px;
clear:both;
}
于 2013-02-12T03:48:07.107 回答
0

我认为这门课有问题，试试下面的 chanegs ......我希望这应该可行......

#copyright {
    border: 0 none;
    bottom: 0;
    font: 11px Verdana,Arial,Sans-Serif;
    margin: 0;
    padding: 10px 0 0;
    position: relative;
    top: 110px;
于 2013-02-12T04:02:42.303 回答
0

似乎您将页脚的高度设置为 180px，这在您的代码中产生了问题height: 180px。

应该是height: 60px。

于 2013-02-12T04:15:34.523 回答