Html 页面底部的间隙

我几乎已经为我的论坛完成了皮肤设计，几乎从我开始的时候起，我就在页面底部、页脚下方出现了一个空白。我发现了许多类似的问题，并尝试了所有的建议，但我似乎无法在我的论坛网页底部找到差距的原因

论坛：

---

我已经检查了所有的边距和填充，它们都很好，问题似乎出现在所有浏览器中。

尝试在Firefox上使用

Google Chrome Inspector

或

Firebug

这是一个简单的CSS问题，您右键单击检查元素，它将显示该元素上的所有CSS属性

关于Chrome Inspector（示例）

更新

对我来说，问题似乎在于您页脚上的填充：

.footer {
    background: url("images/simplexity/backgrounds/background.png") repeat scroll 0 0 #33559B;
    border: 0 none;
    clear: both;
    display: block;
    font: 13px Tahoma,Calibri,Verdana,Geneva,sans-serif;
    margin-top: -80px;
    padding: 115px 0 3px;
}

---

尝试在Firefox上使用

Google Chrome Inspector

或

Firebug

这是一个简单的CSS问题，您右键单击检查元素，它将显示该元素上的所有CSS属性

关于Chrome Inspector（示例）

更新

对我来说，问题似乎在于您页脚上的填充：

.footer {
    background: url("images/simplexity/backgrounds/background.png") repeat scroll 0 0 #33559B;
    border: 0 none;
    clear: both;
    display: block;
    font: 13px Tahoma,Calibri,Verdana,Geneva,sans-serif;
    margin-top: -80px;
    padding: 115px 0 3px;
}

---

这个间隙是由你身体包装袋的边距造成的

margin:-85px auto-60px auto

the'-60px'是罪魁祸首（下页边距）。减少或增加它来改变你的差距

当前：

.body_wrapper {
padding: 0px;
background: transparent none   ;
/*-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;*/
width: 960px;
margin: -85px auto -60px auto;
}

缩小间隙：

.body_wrapper {
padding: 0px;
background: transparent none   ;
/*-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;*/
width: 960px;
margin: -85px auto -134px auto;    // CHANGE IS HERE
}

---

看到了吗？较小的间隙：）（边距底部：-134px）

该间隙是由您的身体包裹器div中的边距引起的

margin:-85px auto-60px auto

the'-60px'是罪魁祸首（下页边距）。减少或增加它来改变你的差距

当前：

.body_wrapper {
padding: 0px;
background: transparent none   ;
/*-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;*/
width: 960px;
margin: -85px auto -60px auto;
}

缩小间隙：

.body_wrapper {
padding: 0px;
background: transparent none   ;
/*-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;*/
width: 960px;
margin: -85px auto -134px auto;    // CHANGE IS HERE
}

看到了吗？减少间距：）（页边距底部：-134px）

设置您的

    body {overflow:hidden}

设定你的

    body {overflow:hidden}

---

我试过了，但它似乎是由其他原因造成的，因为当我检查它时，它显示在页脚上的背景图像之外没有任何填充或边距。用答案更新它，它是页脚，只需右键单击检查我尝试过，但它似乎是由其他原因造成的，因为当我检查它时，它显示页脚上的背景图像以外没有填充或空白。用答案更新它，它是页脚，只需右键单击Inspect而不是fixed

padding top

为页脚设置固定高度，例如在此处设置150px已排序内容的高度。而不是fixed

padding top

为页脚设置固定高度，例如在此处设置150px已排序内容的高度。这是一个非常糟糕的攻击。它同时删除水平和垂直滑块。然后你就有了“死页”。Adam必须修复他的HTML/CSS以避免出现漏洞……我经常发现，如果某个站点使用Bootstrap，那么在整个站点的每个页面上都需要这样做。但正如@Alexiswillke所指出的，这意味着内容不符合浏览器高度的页面无法滚动。我以前也曾尝试过这种方法，但我最终想知道为什么这在引导中经常是必要的，以及更好的替代方法是什么（如果存在的话）。注：我确信这个问题（至少在我的情况下）几乎从来不是由额外的填充/边距引起的。这是一个非常糟糕的黑客行为。它同时删除水平和垂直滑块。然后你就有了“死页”。Adam必须修复他的HTML/CSS以避免出现漏洞……我经常发现，如果某个站点使用Bootstrap，那么在整个站点的每个页面上都需要这样做。但正如@Alexiswillke所指出的，这意味着内容不符合浏览器高度的页面无法滚动。我以前也曾尝试过这种方法，但我最终想知道为什么这在引导中经常是必要的，以及更好的替代方法是什么（如果存在的话）。附言：我确信这个问题（至少在我的案例中）几乎从来不是由无关的填充/边距引起的。