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

Question

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

我有一个包装器的标题和内容，这将有一个图像，并最终有一些其他东西。

我希望包装器有最小的尺寸，但允许内容区域的大小根据需要增加。由于某些原因，内容区域高度增加到超过图像高度。在FF和IE6中。我尝试在content div中添加"line-height:0;“，它可以修复FF中的问题，但不能修复IE6中的问题。

编辑：

我一直在寻找和回答，我找到了我需要做的两件事。显然，当图片被div包住时，FF会在图片下方添加空格。这可以通过指定内容DIV的确切尺寸或将行高设置为零来避免。这解决了FF中的问题，但在IE6中仍然存在。我猜如果在图像标记后面留有空格，那么就会有一个bug。因此，在image标签后面添加关闭div标签就解决了这个问题。

Answer 1

在图片上使用display: block；在FF中效果要好得多。