jquery - 粘性页脚高度问题

Question

根据我的需要，我发现了一些粘性页脚。但现在我面临一个问题。当我增加分辨率大于我的正常分辨率时，代码工作正常。但容器 div 和页脚 div 之间有间距。在这里，我还附上了我得到的和我想要的屏幕。

因此，根据图像，我想将 (A) 和 (B) 粘在一起。所以整个部分显示为单个 .在这里我还添加了我的 css 代码。由于大量的 HTML 和 CSS 代码。我无法使用 JSfiddle。我使用 Twitter Bootstrap 框架。

    html {
        position: relative;
        min-height: 100%;
    }
    body {
        margin: 0 0 100px; /* bottom = footer height */
    }
    footer {
        background: none repeat scroll 0 0 #FFFFFF;
        border-left: 1px solid #E1E1E1;
        border-right: 1px solid #E1E1E1;
        border-bottom: 1px solid #E1E1E1;
        position: absolute;
        bottom: 0;
        height: 100px;
    }

    #wrap {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        margin: 0 auto -142px;
    }

Answer 1

正如我在图片中看到的那样，有 3 个方 block ，一个黑框，然后是一个红框，然后是黑框。

我可以建议您使用 C# 和 div。请尝试在此处获取概念并在您的案例中实现。

假设我有三个 div，就像您的情况一样。如果你让div 一个接一个出现，那么你需要遵循“float: left”属性，这样如果任何div 旁边没有空格，那么div 将一个接一个出现。这是因为 div 是 block 元素。

同样，只有当您将所有 div 放在一个具有相同“float: left”属性的容器/div 中时，这才有效。

让我们回到您的问题。在这里，您似乎一个接一个地拥有 2 个街区。但是当你放大红色容器时会出现很多空间。

我猜红色容器可能有一些高度或者可能继承了父元素的高度。检查一次。如果不是，则获取 border 属性，并将红色元素的边框设置为 0px。并在所有 3 个 block 中使用 float:left 属性，这样空间就不会从其他 block 元素继承。如果您可以将 3 个 block 放在一个具有 float:left 属性的 block 中，那就更好了。

希望这对您有用。

谢谢