使用CSS控制高度

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

编辑：

这里的链接http://pebam.info/projects/careermanipur.com/ 我尝试检查出使用Firebug，但我无法弄清楚。

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

2010-09-13 ptamzz

任何机会，你试图让你的页面高度100％的浏览器窗口使用CSS？ – Moses 2010-09-13 15:44:37

nope。我在谈论整个网页的高度。 – ptamzz 2010-09-13 17:13:07

您的页脚标记有一个顶部：-50px。这就是底部的白色空间来自哪里 - 箱子正在向上移动50个像素，但它的空间正在被保留。

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

2010-09-14 12:18:42 Spudley

这可能是对身体标记默认保证金，就可以零说出来这种风格：

体{保证金：0像素;填充：0像素; }

你能发布一个链接到网站，以便我可以检查吗？

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

因此，寻找在那里你有这样的地方：

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

，并转换为（识别问题的目的，您可以重新格式化/缩进以后当你确定是哪里的问题）：

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

另外，还要确保你不要有任何自闭的div

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

2010-09-13 14:59:12 David

好吧，它在本地主机，所以我不能显示你的现场。我试图把这条线体{margin：0px;填充：0像素; }但仍然是一样的。 – ptamzz 2010-09-13 15:05:55

我已经使用了一个web开发工具，看到divs，elements等轮廓，但没有那么远......我想说的是，我不认为我已经为HTML元素声明了一些不可见的自定义高度。 – ptamzz 2010-09-13 15:07:40

此外，我会尝试清零'DIV'并使用FireBug for firefox在运行时查看您的CSS /属性。 – Jakub 2010-09-13 15:40:15

不知道源代码，我只是想告诉你所有的通用响应，并希望能为你工作。

<DOCTYPE html>有DOCTYPE

body {margin:0; padding:0;} 复位保证金/填充声明上的所有元素

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

如果这些建议都不起作用，请下载Mozilla Firefox浏览器，安装Firebug插件，在您的网页中打开它，并使用inspect元素（ctrl + shift + c）功能来检查问题元素。一旦你点击一个元素，你可以查看它的风格，布局和Firebug的计算值。这几乎可以保证向您显示错误的位置。

2010-09-13 15:41:46 Moses

回答