使用 CSS 控制高度答案

【问题标题】：controlling height using CSS使用 CSS 控制高度
【发布时间】：2010-09-14 20:18:42
【问题描述】：

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

编辑：

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

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

【问题讨论】：

标签： html css

【解决方案1】：

您的页脚标签上有一个 top:-50px。这就是底部空白的来源 -- 框向上移动了 50 像素，但保留了它的空间。

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

【讨论】：

【解决方案2】：

它可能是 body 标签上的默认边距，您可以使用这种样式将其归零：

body { 边距：0px;填充：0px； }

您能否发布该网站的链接，以便我进行检查？

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

所以寻找你有这个的地方：

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

并转换为（为了识别问题，您可以稍后在识别问题所在时重新格式化/缩进）：

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

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

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

【讨论】：

嗯，它在本地主机中，所以我无法向您展示实时站点。我试着把那条线体 { margin:0px;填充：0px； } 但还是一样。
我使用了一个 webdeveloper 工具并看到了 div、元素等轮廓，但没有一个能走这么远……我的意思是，我不认为我已经声明了一些不可见的HTML 元素的自定义高度。
另外，我会尝试将 DIV 清零并使用 FireBug for firefox 在运行时查看您的 CSS / 属性。
我会尝试使用萤火虫。我正在使用
此时最好的选择是将网站上传到您可以提供链接的地方，以便我们检查和提供更多帮助。

【解决方案3】：

在不知道源代码的情况下，我只想告诉你所有通用的响应，希望其中一个对你有用。

<DOCTYPE html> 使用文档类型声明您的页面

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

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

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

【讨论】：