文章/答案/技术大牛

发布

社区首页 >问答首页 >使用float - IE错误更改两个DIVs的顺序

问使用float - IE错误更改两个DIVs的顺序
EN

Stack Overflow用户

提问于 2012-01-17 16:08:34

回答 2查看 556关注 0票数 0

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

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

在Firefox中：

AlbertBerta

在IE中：

BertaAlbert

问:有没有办法在IE中也能得到Firefox-output？我的示例做到了这一点--但只在Firefox中实现，而不是在IE中。无论如何，谢谢你的回复。

html

css

browser

css-float

回答 2

Stack Overflow用户

发布于 2012-01-18 15:17:04

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

让它们用display: block; (或者可能是inline-block)变成块元素，然后改变浮点数。第一个是right，第二个是left (反之亦然)。这甚至可以在IE中工作。

票数 0

Stack Overflow用户

发布于 2012-01-17 16:18:39

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

这可能行得通..但在IE9中没有问题

如果有效，接受或投票支持

票数 -1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/8891425

复制

相似问题

问使用float - IE错误更改两个DIVs的顺序
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用float - IE错误更改两个DIVs的顺序EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用float - IE错误更改两个DIVs的顺序
EN