在大屏幕分辨率下页脚下的空间

时间:2013-07-23 15:01:10

标签: css-position

我目前正在处理的网站存在问题。网站显示正确,直到在1280x1024屏幕上进行测试,其中页脚下方会出现一大块空间。正文设置为height:auto,div都设置为position:relative。正文已删除所有边距,只有在较大的屏幕上进行测试时才会发生这种情况。 我检查了jquery隐藏的div是否导致了这个问题,它肯定不是它。我尝试为有问题的屏幕res添加@media规则,但这只适用于我的Firefox响应式设计视图工具。我想我尽力检查,但我被卡住了。

任何想法可能由此引起的?

干杯

1 个答案:

答案 0 :(得分:0)

您可能会遇到粘性页脚示例here

基本上在最后一个内容部分添加一个div,以便像这样推下页脚。

将其作为#desc

中的最后一个元素
<div class="push"></div>

然后将此添加到您的CSS

.push {
  height:110px; //height of your footer
  margin-bottom:-110px;
}