在像wappwolf这样的页面上获得固定的可见底部页脚

Question

我不擅长CSS.只想要一个像www.wappwolf.com这样的页脚 - 不确定它是如何工作的(CSS概念),有没有明确解释的例子我可以看一下？我不需要很多复杂/黑客工作来使它适用于旧浏览器等.与现代版本的兼容性很好.

Answer 1

通常最好至少自己尝试一下,但这应该让你开始:

给你的页脚div这些样式:

div{
  position:fixed;
  width:100%;
  left:0px;
  bottom:0px;
  height:50px; //or whatever height you want
}

Position Fixed即使在滚动时,也会将页脚保持在相同的位置.left and bottom将它保持在屏幕的左下部分(左边不是完全必要的,因为它是屏幕的整个宽度,但IE有时可能没有它的bug).

将您的height内容设置为最适合您的页脚内容.我假设你会知道如何在里面设置实际的列.