0

根据我的需要，我发现了一些粘性页脚。但现在我面临一个问题。当我增加分辨率大于我的正常分辨率时，代码工作正常。但容器 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;
    }
4

2 回答 2

1

正如我在图片中看到的那样，有 3 个块，一个黑盒，一个红盒，一个黑盒。

我可以建议你使用 C# 和 div。请尝试在此处获取概念并在您的情况下实施它。

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

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

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

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

希望这将适用于您的情况。

谢谢

于 2013-09-04T10:03:19.483 回答
0

它完成了，我通过 Jquery 完成了它。这是一个Jquery代码

    $(document).ready(function(){
        $('.contentpartbg').css({height:$(window).height()});
    });
于 2013-09-04T09:49:58.910 回答