Question

我有一个手工编码的网站@ hartbro.com该网站的一部分是一个博客，其中我包含图片。这是围绕其中一个导致问题的图像的HTML代码。

<a href="blogcontent/090811.jpg" class="img">
<img src="blogcontent/090811.jpg" alt="Downed trees" width="25%" class="floatright" /></a>
The storm left as quickly as it came. The sky cleared up and we were glad that the oppressive heat had let up.

我注意到的是，在一些包含多个图像的博客条目中，第二个图像并不像它应该的那样漂浮，文本环绕着它。我认为它与我所拥有的一些CSS有某种冲突导致问题，但我无法弄清楚它是什么。

我不明白它在FF＆amp; IE但不是Chrome或Safari ??

这是所有相关的CSS，如果您还有其他需要，请告诉我。提前谢谢。

img{
    margin:10px;
}

img.floatleft{
    float:left;
}
img.floatright{
    float:right;
}

Answer 1

尝试设置img.floatleft和img.floatright的宽度并进行调整。你可以确定

文字没有环绕一些漂浮的图像，包裹在IE＆amp; FF但不是铬，野生动物园

1 个答案: