Asp.net mvc 3 在像wappwolf这样的页面上获得固定可见的底部页脚

Asp.net mvc 3 在像wappwolf这样的页面上获得固定可见的底部页脚,asp.net-mvc-3,css,Asp.net Mvc 3,Css,我不擅长CSS。只是想要一个类似www.wappwolf.com的页脚-不知道它是如何工作的(CSS概念),有没有我可以看的清楚解释的例子?我不需要太多的复杂/黑客工作来让它在旧浏览器等上工作。与现代版本的兼容性很好。通常至少自己尝试一下会更好,但这应该让你开始: 为页脚div指定以下样式: div{ position:fixed; width:100%; left:0px; bottom:0px; height:50px; //or whatever height you

我不擅长CSS。只是想要一个类似www.wappwolf.com的页脚-不知道它是如何工作的(CSS概念),有没有我可以看的清楚解释的例子?我不需要太多的复杂/黑客工作来让它在旧浏览器等上工作。与现代版本的兼容性很好。

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

为页脚div指定以下样式:

div{
  position:fixed;
  width:100%;
  left:0px;
  bottom:0px;
  height:50px; //or whatever height you want
}
Position Fixed
即使在滚动时也会将页脚保持在相同的位置<代码>左侧和底部将使其保持在屏幕的左侧和底部(左侧不是完全必要的,因为它是屏幕的全宽,但IE有时没有它会有问题)


高度设置为最适合您页脚内容的高度。我想您应该知道如何在内部设置实际列。

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

为页脚div指定以下样式:

div{
  position:fixed;
  width:100%;
  left:0px;
  bottom:0px;
  height:50px; //or whatever height you want
}
Position Fixed
即使在滚动时也会将页脚保持在相同的位置<代码>左侧和底部
将使其保持在屏幕的左侧和底部(左侧不是完全必要的,因为它是屏幕的全宽,但IE有时没有它会有问题)


高度设置为最适合您页脚内容的高度。我想你会知道如何在里面设置实际的栏目。

只要记住在普通内容中添加边距,这样它就不会隐藏在页脚后面。你也可以检查你的网站引用,看看它们是如何做的;)<代码>高度:至少在现代浏览器上,“自动”
似乎也能很好地工作。只要记住在正常内容中添加边距,这样它就不会隐藏在页脚后面。你还可以查看网站引用,看看它们是如何工作的;)<代码>高度:自动似乎也能很好地工作,至少在现代浏览器上是如此。