有人可以解释为什么我的页脚在页面中间？

Question

我正在尝试将侧边栏拉伸到页面底部。我已经成功地使它延伸，但现在我的页脚阻碍了它。由于某些原因我不知道，我的页脚在内容div结束之前出现，并切断侧边栏，以及使页面凌乱。

如您所见，只要页脚出现，侧边栏（灰色框）就会停止，内容会重叠。

有人能指出正在执行此操作并修复的代码吗？

Answer 1

从这段css中删除高度：

 #topContentWrapper {
        height: 100%;
        min-height: 100%;
    }

更改为

#topContentWrapper {
    min-height: 100%;
}

Answer 2

设置min-height:100%;会导致最小高度为100％，添加额外的height:100%;会产生阻碍。浏览器计算元素相对于最近的块级父元素的高度。在顶层，高度将相对于浏览器窗口高度。

删除您已指定height: 100%的{​​{1}}声明，问题将解决：#globalDiv，＃topcontentWrapper。