用float改变两个DIV的顺序 - IE bug

时间:2012-01-17 08:08:34

标签: html css browser css-float

我想用css-float更改两个DIV的顺序。我不想/我不能在HTML中更改它们的顺序,因为它是外部数据。 以下html在Firefox中执行此操作,但在IE中产生相反的输出:

<div style="display:inline">Berta</div>
<div style="float:left; display:inline">Albert</div>
在Firefox中

AlbertBerta

IE中的

BertaAlbert

问题:有没有办法在IE中获得Firefox输出?我的例子做到了这一点 - 但仅限于Firefox,而不是IE。无论如何,谢谢你的回复。

2 个答案:

答案 0 :(得分:0)

首先,使用有效的doctype。你可以坚持使用<!DOCTYPE html>。第二,就像@RoToRa评论的那样,浮动和内联并不是很好。

让它们成为display: block;(或者inline-block)的块元素,然后更改浮点数。第一个到right,第二个到left(反之亦然)。这甚至适用于IE。

答案 1 :(得分:-1)

<div style="float:left; display:inline">Albert</div>
<div style="display:inline">Berta</div>

这可能有用.. 但IE9中没有问题

接受或投票如果有效