即使浏览器调整大小，页脚也应该停留在底部并保持固定位置

2011-06-14 31 views 0 likes

我有一个页脚，只有几个按钮，它们位于页面底部，距离页面底部60px的高度，不管上面的内容是或窗口的大小是多少....这工作正常。下面是我使用的CSS：即使浏览器调整大小，页脚也应该停留在底部并保持固定位置

#container 
{ 
    min-height: 100%; 
    height: 100%; 
    position: relative; 
} 
#footer 
{ 
    position: fixed; 
    bottom: 0; 
    width: 100%; 
    height: 60px; /* Height of the footer */ 
} 
#wrap 
{ 
    min-height: 100%; 
    max-height: 100%; 
}

现在的问题是，如果我调整了容器成为滚动窗口（容器卷轴内的所有控件按预期），但页脚仍保持在60像素页面底部并最终与容器控件重叠。我希望页脚停留在底部，只有当我向下滚动到页面底部时才能看到页面......希望我对问题很清楚！

有人请帮忙!!!

来源

2011-06-14 Pronay Sharma