Jquery 100%高度Div问题

我正在尝试制作一个完整的页面DIV，它可以保存我的所有内容，但当其他DIV大于屏幕大小时会扩展，并且它不会自动扩展。您可以在上查看网站（很抱歉，背景图像尚未调整大小，所以文件相当大）。我目前正在使用Stickyfooter代码使DIV保持全屏，但它似乎在调整DIV大小或扩展DIV时在页面底部造成了一个间隙：

#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>

---

是

#global_main_框架

元素上的

clearfix

类造成了间隙。如果将

clearfix

类上的

visibility

样式规则更改为

visible

，则可以看到插入全屏div下方的点以清除浮动

---

要消除这个差距，您可以将

font-size:0

添加到

clearfix

，或者从

#global#u main_frame

元素中删除

clearfix

类（如果容器是body元素，则不需要该类）。

我觉得Chromium 21.0.1180.89中的站点还可以（或者我不明白问题是什么）。如果你点击调节按钮，使其比屏幕大，你将看到大约10像素的分区。或者只是调整浏览器大小，使其比文本小，然后向下滚动，你将看到它…这让我非常恼火！！看看这个，你可以看到差距，我在safari/chrome/FireFox上试过，他们都做了sameYeah，我注意到了，但我不知道为什么。。给我几分钟我刚得出同样的结论，+1毫克！！这是我第一次使用clearfix，我总是使用clear:两者。你是一个传奇！