Question

我正在开发一个网站，在我的页面中，每个HTML元素结束后，当我向下滚动时，它们是一个额外的垂直高度。它使我的页面看起来很糟糕。我希望滚动到我写的最后一个div。我有什么办法可以解决它吗？

修改

这是链接http://pebam.info/projects/careermanipur.com/ 我尝试使用firebug进行检查，但我无法弄明白。

在页脚部分，我希望垂直空白区域消失，以便页面以灰色部分结束。

Answer 1

您的页脚标记顶部：-50px。这是底部的空白区域来自 - 盒子向上移动了50个像素，但它的空间被保留。

您需要重新设计布局，以消除将所有内容向上移动50像素的方式。

Answer 2

它可能是body标签的默认边距，您可以使用此样式将其清零：

body {margin：0px;填充：0像素; }

您是否可以发布指向该网站的链接以便进行检查？

另一种可能性是，如果代码中有空格，某些元素将导致尾随空格。

所以寻找你拥有它的地方：

<div>
 <a href="#foo">some random link</a>
</div>

并转换为（为了识别问题，您可以在以后确定问题的位置时重新格式化/缩进）：

<div><a href="#foo">somerandomlink</a></div>

还要确保你没有任何自我关闭的div

此外，您使用的是什么DOCTYPE？

Answer 3

在不知道源代码的情况下，我只是想告诉你所有的通用回复，希望有人能为你工作。

<DOCTYPE html>使用doctype

声明您的网页

body {margin:0; padding:0;} 重置所有元素的边距/填充

p {line-height:1.1em;}尾随空格可能是元素的行高？

如果这些建议都不起作用，请下载Mozilla Firefox Web浏览器，安装Firebug插件，在网页中打开它，然后使用inspect元素（ctrl + shift + c）功能检查问题元素。单击元素后，您可以从Firebug查看其样式，布局和计算值。这几乎可以保证显示错误的位置。