将图像包裹在 DIV 中会在 FF 和 IE6 中增加额外的高度

Question

我用我的问题的一个例子设置了一个小提琴。 Fiddle

我有一个带有标题和内容的包装器，其中包含图像和其他一些内容。

我希望包装器具有最小尺寸，但允许内容区域根据需要增加尺寸。出于某种原因，内容区域的高度会超过图像高度。在 FF 和 IE6 中。我试过添加“line-height:0;”到内容 div，它修复了 FF 但不是 IE6 中的问题。

编辑：

我一直在寻找和回答，我找到了我需要做的两件事。显然，当图像被 div 包裹时，FF 会在图像下方添加空间。这可以通过指定内容 DIV 的确切尺寸或将行高设置为零来避免。这解决了 FF 中的问题，但在 IE6 中仍然存在。我想如果在图像标签后面留下空白，就会出现错误。所以在图片标签后立即添加结束 div 标签解决了这个问题。

Answer 1

使用显示：块；图像上的效果在 FF 中效果更好。