请教一个CSS footer的问题

帖子列表 发布于 2013/05/06 21:13
阅读 193
收藏 1

我希望footer永远居于底部,但是这段代码尽管将footer居于底部,但是底部还有白色空白:


. footer {
background-color: #013435;
color: #E5E5E5;
border-top: 1px solid #E5E5E5;
margin-top: 30px;
padding: 30px 0;
text-align: center;
width: 100%;
position: absolute;
left: 0;
}

应该如何修改?
加载中
0
blindcat
blindcat

我觉得应该用js来定位,footer的top值 = 浏览器窗口的高度-footer的高度

帖子列表
帖子列表
回复 @blindcat : 确实可以,你太帅了!
blindcat
blindcat
回复 @李马燕 : 不用js了,你的.footer 加上 bottom:0; 就可以啦
帖子列表
帖子列表
回复 @blindcat : 哦
blindcat
blindcat
回复 @李马燕 : 稍等下啊
帖子列表
帖子列表
盲猫哥,能给段示例吗?
0
zzjin
zzjin
你不是自己写了个padding 30px 0吗...footer就有bottom的30px啊....额
帖子列表
帖子列表
去掉还是没用,而且空白肯定不止30像素
0
傲罗
傲罗

滚动页面的时候也是在页面下方?不需要兼容IE6的话,可以用下面的

那可以用静态定位:fixed

bottom:0;left:0;

兼容IE6的话就要做些其他工作了

帖子列表
帖子列表
回复 @傲罗 : 谢谢,你的也对的
傲罗
傲罗
@李马燕 那这个方法应该可以满足你的
帖子列表
帖子列表
不用兼容ie6
0
blindcat
blindcat
var winHeight = document.documentElement.clientHeight; 
var footHeight = 30 //footer的高度
alert(document.body.scrollTop);
var top = (winHeight - footHeight) + "px";
document.getElementById("footer").style.top = top;
js还没搞定,大概思路是这样。楼上的方法简单方便。
返回顶部
顶部