jquery - 100％高度Div发行

我正在尝试制作一个包含所有内容的整页DIV，但是当其他div大于屏幕尺寸时会展开，并且它不会自动展开，您可以在http://molly.everythingcreative.co.uk处查看网站（很抱歉，背景图像的尺寸尚未调整但是文件非常大）。我目前正在使用Stickyfooter代码使DIV保持全屏显示，但是似乎在调整DIVS大小或扩展DIVS时导致页面底部出现间隙：

#global_main_frame {
    width: 350px;
    height: auto !important;
    min-height: 100%;
    top: 0;
    bottom: 0;
    position: relative;
    padding: 0 50px 0px 50px;
    float: left;
    left: -600px;
    background-color: rgba(0,0,0,0.8);
    z-index: 200;
}

例

<div id="global_main_frame">
<!-- All the other DIV's -->
</div>

最佳答案

导致间隙的是clearfix元素上的#global_main_frame类。如果将visibility类上的clearfix样式规则更改为visible，则可以看到全屏div下方插入的点以清除浮点数。

要消除间隙，您可以在font-size: 0中添加clearfix，或从clearfix元素中删除#global_main_frame类（当容器是body元素时则不需要）。