IE6 float <img/>

Question

有时在浮动的div中。 IE6不显示标签，但它确实正确地分隔图像，当您右键单击图像时，它会提供正确的大小和文件大小等详细信息。它只是不显示图像：

<div style="float:left">
    <img src="one.gif" />
</div>
<div style="float:left">
    <img src="two.gif" />
</div>

这些图像不会显示在IE6中，但会显示在Firefox / Safari / etc中......解决方法是什么？

Answer 1

它被称为“Peekaboo”错误。 有关更多信息，请参阅：

http://www.positioniseverything.net/explorer/peekaboo.html

解决此问题的首选方法是将容器上的hasLayout属性设置为true

Answer 2

一种解决方法是使用：

position: relative;
float: left;

Answer 3

尝试浮动图像，这将起作用！

div img {
   float:left;
}

默认情况下，当图像位于浮动div中时，图像为display:inline;，div不会包围它们。我相信这是显示错误的原因。