1

我正在尝试制作一个包含我所有内容的整页 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>
4

1 回答 1

2

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

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

于 2012-09-30T20:34:24.303 回答