设置母版页的高度以覆盖所有分辨率



我正在尝试为任何屏幕分辨率设置母版页的高度。

我只想用内容页填充屏幕的整个主体区域。硬编码高度不是一个好方法,因为:

  1. 内容页高度不同
  2. 母版页底部有一个页脚

如果你需要的是一个固定高度的页脚,总是留在底部,和一个可变高度的内容div(这样你就可以在那里添加尽可能多的内容,因为你想要的),那么你应该检查这个fiddle: http://jsfiddle.net/Spycho/YrRgL/2/从这个问题:可变内容div高度使用css固定的头和脚(第一个答案,在编辑区域)。

例如:

body{
    padding: 0;
}
#content{
    position: absolute;
    width: 100%;
    bottom: 100px;
}
#footer{
    position: absolute;
    height: 100px;
    width: 100%;
    bottom:0;
}

最新更新