html - Div 不会使用自动高度和内部图像完全自动调整大小

Question

我有一个很大的绝对 div，里面有一个较小的相对 div。较小的 div 包装了一个图像 (png) 和高度自动调整大小:自动。一切正常。但是在一个特定的网站上，我在调整大小后在较小的 div 的底部得到了 5px 的额外间距，就像它过度计算了所需的高度一样？我假设我以某种方式从影响我的调整大小和 div 容器的站点继承了一些东西。

我重新设计了所有内容，清除 float 、溢出、交替定位、删除自动选项、流等，但我似乎无法摆脱底部的 5px 额外部分，而且它只在该站点上？

我的问题 - 你如何调试你的高度或自动高度问题，你知道是什么导致了这个问题吗？

谢谢，克里斯

Answer 1

在容器 div 上:

line-height: 0px; 将消除由空白引起的任何高度增加。

padding: 0px; 将消除容器 div 内部的填充。

在图片上

margin: 0px 将消除图像外部周围添加的任何空间。

您能否将我们指向该站点或 jsfiddle，以便我们更好地了解发生了什么？正如@RyanMcDonough 所提到的，Chrome 的 Inspector 非常棒。在 IE 中，您有 IE 开发人员工具栏。在 FF 中，您可以使用 Firebug(这是经典!)。