我想用 css-float 改变两个 DIV 的顺序。我不想/我不能更改它们在 HTML 中的顺序,因为它是外部数据。 以下 html 在 Firefox 中执行此操作,但在 IE 中产生相反的输出:
<div style="display:inline">Berta</div>
<div style="float:left; display:inline">Albert</div>
在 Firefox 中:
艾伯特伯塔
在 IE 中:
贝塔阿尔伯特
问题:有没有办法在 IE 中也获取 Firefox 输出?我的示例是这样做的——但只在 Firefox 中,不在 IE 中。无论如何感谢您的回复。
最佳答案
首先,使用有效的文档类型。你可以坚持时间并使用 <!DOCTYPE html>
.其次,就像@RoToRa 评论的那样, float 和内联并不是很好。
用display: block;
让它们成为 block 元素(或者可能是 inline-block
),然后更改 float 。第一个给right
第二个到left
(或相反亦然)。这甚至适用于 IE。
关于html - 使用 float 更改两个 DIV 的顺序 - IE 错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8891425/