html - 页脚不“总是”粘在底部

Question

我正在处理的这个网页的页脚在大多数页面上都粘在底部，除非内容大于“应该”。

错误页面是：* 好的页面是：*

我尝试了多种将页脚粘贴在底部的方法，但结果都不同。

这是 Drupal 7.x 中的 Zen starterkit-template。

Answer 1

问题不在于页脚。#wrapper你有这个 CSS，它在and元素上强制高度为 1100px #subwrapper，这就是为什么它看起来像在页脚“下方”有东西的原因。

#wrapper{
  position: absolute;
  left: 0px;
  top: 240px;
  width: 100%;
  height: 1100px; /* This is making the page longer than it should be.*/
  background: #85bb99;
  z-index: -5;
}

#wrapper #subwrapper {
  background: url('/themeimages/pattern-cutout.png');
  opacity: 0.2;
  width: 100%;
  height: 1100px; /* Same thing here */
}

看起来您正在使用这些元素作为背景图像。你可以通过尝试这个 CSS 来修复它：

#wrapper{
  position: fixed; /* Use fixed positioning so it'll always be displayed */
  left: 0px;
  width: 100%;
  height: 100%; /* Set a height of 100% */
  background: #85bb99;
  z-index: -5;
}

#wrapper #subwrapper {
  background: url('/themeimages/pattern-cutout.png');
  opacity: 0.2;
  width: 100%;
  height: 100%; /* Set a height of 100% */
}