如果页面内容很少,我已修改了应用程序页脚以保留在页面底部。 所以事后不会留下自由空间。它的效果非常好。
但是现在我发现在内容远远超过当前窗口的页面中,页脚停留在同一个地方,但内容在页脚背景中扩展。 它看起来像
我的页脚CSS。
#footerCntr {
position:absolute;
bottom:0;
width:100%;
overflow: hidden;
background:#e7e7e7;
border-top:3px solid #b7b7b7;
margin:11px 0px 0px 0px;
}
.footerBox{
width:780px;
margin: 0px auto;
padding:11px 0px 14px 0px;
}
.footerBoxLeft{
float:left;
width:176px;
padding:8px 0px 9px 26px;
background:url(bordery.gif) right top repeat-y;
}
.footerBoxLeft img{
float:left;
margin:0px 0px 0px 2px;
}
.footerBoxRight{
float:right;
width:575px;
padding:0px 0px 10px 0px;
}
.footerlink ul{
padding:7px 0px 5px 0px;
}
.footerlink ul li{
list-style:none;
padding:0px 10px 0px 10px;
display:inline;
background:url(devider.gif) 0px 3px no-repeat;
}
.footerlink ul li a{
font:10px Tahoma , Arial, Helvetica, sans-serif;
color:#535353;
text-decoration:none;
padding:0px 0px 0px 0px;
}
.footerlink ul li a:hover{
text-decoration:underline;
}
.copyright{
color:#535353; padding:0px 0px 0px 10px;
}
.copyright a{
font:10px Tahoma , Arial, Helvetica, sans-serif;
color:#535353;
text-decoration:none;
padding:5px 0px 0px 0px;
}
.copyright a:hover{
text-decoration:underline;
}
链接到我的应用问题。 内容CSS格式可能有问题吗?