在大分辨率下拉伸页脚高度

Question

我的网站设计（使用 Bootstrap）是当用户滚动到底部时，固定的页眉会触及页脚中的链接。在小屏幕上它工作正常。像这样-

但在较大的屏幕分辨率（1024x768 以上）上，页眉会在到达页脚之前停止。像这样-

我知道 html 和 body 必须有一个定义的高度，所以添加了这个 -

html, body {
height:100%;
}

但是没有用。

我也尝试给页脚一个高度 -

    #bottom{
border-top: none;
font-family: Calibri, san-serif; 
letter-spacing:2px;
text-transform:uppercase;
color:#000!important;
font-size: 20px;

    }

    .botwid{
min-height: 500px;
padding-top: 35px;
width: 100%;
margin: 0 555px;

但这也没用。

Here is my site.

谢谢

Answer 1

似乎页脚的margin-bottom 需要是(screenHeight - titleHeight)。尝试使用 javascript 设置此属性（因为它会随着窗口大小的变化而改变）。

使用 JQuery，这可以使用 .resize() 来电。