Question

我注意到“float”css属性和Internet Explorer 6＆amp; 7。

我有一个带有2个简单图像的HTML：

<img src="aa.jpg">
<img src="bb.jpg" class="alignright">

这是（非常简单的）CSS：

.alignright { float: right;}

使用资源管理器第一个图像（没有任何浮动属性）： http://img5.imageshack.us/img5/2505/schermata4t.png

有没有办法解决这个问题？

Answer 1

首先将您要放置的东西放在容器的右侧（例如'aa.jpg'之前的'bb.jpg'图像）

Answer 2

我认为这更多地与你没有漂浮你的第一张图片这一事实有关。

查看http://jsfiddle.net/biznuge/KUnNn/3/了解详情。

这对我来说似乎也发生在FF中，而不仅仅是像你建议的那样＆lt; IE8，所以我觉得这似乎是预期的。

Answer 3

对于IE7 / IE6，你必须......

浮动第一张图片
向右浮动第二张图像（或左侧）
将“clear：both”添加到以下文本块（如果您希望它出现在图像之后）

http://jsfiddle.net/Kyq5u/

我使用跨度来模拟图像。

... CSS


.img-a {
    background-color: red;
    padding: 100px;
    float: left;
}
.img-b {
    background-color: blue;
    padding: 100px;
    float: right;
}
p {
    clear: both;
}

HTML ...

<span class="img-a"></span>
<span class="img-b"></span>

<p>
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu  dolor et arcu dapibus cursus.
</p>

Internet Explorer的图像浮动问题＆lt; 8

3 个答案: