Question

我正在尝试创建一个包含所有内容的完整页面DIV，但在其他div大于屏幕大小时展开，并且它不会自动展开，您可以在http://molly.everythingcreative.co.uk查看网站（对不起背景图片还没有大小，所以文件非常大）。我当前正在使用Stickyfooter代码使DIV保持全屏但是它似乎在页面底部导致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>

Answer 1

导致这种差距的clearfix元素上的#global_main_frame类。如果您将visibility类的clearfix样式规则更改为visible，则可以看到插入全屏div下方的点以清除浮动。

要消除差距，您可以将font-size: 0添加到clearfix，或从clearfix元素中删除#global_main_frame类（当容器是正文时不需要它）元素）。

100％高度Div问题

1 个答案: