如何在 IE9 中使用 Order？ [复制]答案

【问题标题】：How to use Order in IE9? [duplicate]如何在 IE9 中使用 Order？ [复制]
【发布时间】：2017-08-01 04:21:25
【问题描述】：

我对以下 CSS 有疑问：

-ms-flex-order: -1;
-webkit-order: -1;
order: -1

我们使用它来将生成的 Box 放在另一个具有不同内容的 Box 之前。但是这个解决方案在 IE9 中不起作用 :( 我需要一个纯 CSS 的解决方案，因为我们无法更改 Generated Box 的布局。

【问题讨论】：

你还在支持IE9？？？
@JohnConde 遗憾的是，本网站的所有访问者中有 40% 使用此浏览器 :(
您可以尝试使用float 更改其位置。但是在 IE9 中使用 flexbox，除了可以帮助你的 polyfill，我看不到任何东西。
有趣的是，您提到order 在 IE9 中不适合您。其余的 flexbox 布局呢？您可能已经将所有内容堆叠在一列中，因此看起来 flex 正在工作，但它只是块布局。
Flex 从未在 IE9 中实现。支持从 IE10 开始。

【解决方案1】：

Flexbox 在 IE9 中不工作。你至少需要 IE10。因此，order 属性没有纯 CSS 解决方案。您必须使用 polyfill 或仅通过 JavaScript 应用所有需要的 DOM 操作。

您还可以选择使用floats，它在某些情况下可能会有所帮助。

【讨论】：