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

Css 将图像包装在DIV中会增加FF和IE6中的额外高度,css,internet-explorer,firefox,html,internet-explorer-6,Css,Internet Explorer,Firefox,Html,Internet Explorer 6,我已就我的问题举了一个例子 我有一个带有标题和内容的包装器,它将有一个图像,最终还有一些其他的东西 我希望包装具有最小维度,但允许内容区域根据需要增加大小。由于某些原因,内容区域的高度会增加到图像高度之外。在FF和IE6中。我尝试将“行高:0;”添加到content div中,这解决了FF中的问题,但没有解决IE6中的问题 编辑: 我一直在寻找答案,我找到了我需要做的两件事。显然,当图像被div包装时,FF会在图像下方添加空间。这可以通过指定内容div的确切尺寸或将行高设置为零来避免。这修复了F

我已就我的问题举了一个例子

我有一个带有标题和内容的包装器,它将有一个图像,最终还有一些其他的东西

我希望包装具有最小维度,但允许内容区域根据需要增加大小。由于某些原因,内容区域的高度会增加到图像高度之外。在FF和IE6中。我尝试将“行高:0;”添加到content div中,这解决了FF中的问题,但没有解决IE6中的问题

编辑:


我一直在寻找答案,我找到了我需要做的两件事。显然,当图像被div包装时,FF会在图像下方添加空间。这可以通过指定内容div的确切尺寸或将行高设置为零来避免。这修复了FF中的问题,但在IE6中仍然存在。如果图像标签后面留有空白,我想这是一个错误。因此,在图像标记之后立即添加结束div标记解决了问题。

使用display:block;在FF中,在图像上的效果更好。

使用display:block;在FF中,在图像上的效果更好。

在包装中设置字体大小:0以去除蓝色空格。在包装中设置字体大小:0以去除蓝色空格