文字重叠图像

Question

因此，我有一个简单的生物类型页面，左侧有一系列图像，右侧有一个简短的段落。它们都是中心列的一部分，因此左侧有一个导航栏（图像和书写生物），右侧有一些小玩意儿。这个页面在Firefox 3.5.2和IE 8（8.0.6001.18813）中都很好，但是在Safari 4.0.3和Chrome 2.0中都会出现问题。问题在于，对于一​​些生物，生物的文本与图像重叠，就好像那里没有图像一样。此外，当重新加载页面时，文本重叠的BIOS有时会发生变化。似乎有一组可以表明这个问题，因为有些人从来没有这样做过。它们在周围标签方面都是相同的。

我的第一个想法是这里有一个高度问题，一些googleing似乎支持这个，但经过一些测试我不确定。我用一个新的div包围了bios部分，并将其高度设置为高，页面也有同样的问题，现在只有它在bios下面有大量新的空白区域。图像也设置为align = left。任何想法，我应该寻找什么？

Answer 1

您是否已将图片设置为display: block或将其封闭在<p>？

中

将图像保留在之外的段落。

更改此

<p>text text 
<img />
text text</p>

到

<p>text text</p>
<p><img /></p>
<p>text text</p>