5

请访问本网站。

底部有一个空白区域。我检查了一下，我的 css 中没有提到最小高度。

我怀疑它在身体的 css 细节中，如下所示：

    body {
        line-height: 1.5;
        font-size: 87.5%;
        word-wrap: break-word;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        padding: 0;
        border: 0;
        outline: 0;
        background: none repeat scroll 0 0 #EFEFEF;
    }
    
    html, body, #page {
        height: 100%;
    }
4

5 回答 5

12

这消除了我在 Safari 中的流血6.0.3；

#footer-wrapper {
    margin-top: 40px;
    background: url("../images/footer.png") repeat-x scroll 0 0;
    overflow: hidden;
}

您可能希望根据其中的内容以不同的方式处理溢出。但这应该修复空白。

我只是通过从 DOM 自下而上删除节点来解决这个问题。它必须在#footer-wrapper. 由于 margin-bottom 不起作用并且您使用的是相对定位，我认为这是该元素中的一些阴影样式。

更新（更好的修复）

刚刚找到问题的真正问题；

.clearfix::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

更改content: ".";为content: "";，它是固定的。或者完全删除该样式，因为在这种情况下它似乎没有用。

于 2013-04-21T17:45:30.647 回答
2 
"overflow: hidden"

让事情变得更难，但尝试，

"overflow: auto"

为了能够在你需要的时候流动。

于 2019-06-11T12:10:55.580 回答
1

我在这里的节目迟到了，但它可能会对我的情况有所帮助我在顶部有一个空白空间我添加了 margin-top=-20px 现在底部的空白空间，尝试了我在这些和很多线程，什么都没有。决定通过一些 HTML 验证器运行它，但其中一些没有被拾取，但是在几个人在标签末尾发现一个额外的字符（`）之后，就是这样，所以这是用户的笨拙，拿了那个东西现在我的页面被转移了，得到了负边距，一切都很好。所以尝试一个验证器并寻找类似的东西。

于 2016-09-15T23:31:08.077 回答
0 
margin-bottom: 0px;

顺便说一句..不错的网站老兄:)

于 2013-04-21T17:39:06.687 回答
0

有时，是由第三方服务创建的一些 iframe/对象创建了这个空白空间。就我而言，谷歌 Adwords 和谷歌分析正在创造这个。所以，我通过添加这个 CSS 来删除：

object[type="application/gas-events-cef"],
iframe[name="google_conversion_frame"] {
    display: none !important;
    height: 0 !important;
    width: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}

也许您需要为您的案例添加一些额外的规则。希望有帮助。

于 2015-06-11T12:56:09.273 回答