在DIV中包装图像会在FF和IE6中添加额外的高度

Question

我已经设置了一个问题的例子。 Fiddle

我有一个带有标题的包装器，内容是有图像的，最后是其他一些东西。

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

编辑：

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

Answer 1

使用display：block;在图像上工作得更好FF。