asp.net-mvc-3 - 在 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 有时可能会在没有它的情况下出现问题）。

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