html - 使用 float 更改两个 DIV 的顺序 - IE 错误

标签 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 中:

艾伯特伯塔

在 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/

相关文章:

jquery 在悬停时切换

html - 选中复选框时取消选中文本输入的复选框和清除文本输入

html - div 在小屏幕上消失

java - 将文件从 applet 上传到 servlet 时出现问题

javascript - JQuery 验证失败

html - 如何使缩略图文本在 Bootstrap 的小视口(viewport)上正确 float

jquery - 在固定位置 div 中扩展文本

javascript - 如何更改 HTML 中图像按钮 onmouseover 事件上的图像?

javascript - 使用导航栏使视口(viewport)中的 3 列高度相等

browser - 在浏览器中渲染有向图