CSS 布局，使用 CSS 重新排序 DIV [重复]

鉴于 HTML

<div>
   <div id="content1"> content 1</div>
   <div id="content2"> content 2</div>
   <div id="content3"> content 3</div>
</div>

呈现为

content 1
content 2
content 3

我的问题：

有没有一种方法可以仅使用 CSS 来呈现如下而不更改 HTML 部分。

content 1
content 3
content 2

这可以在支持的浏览器中完成CSS3 弹性盒概念 http://www.w3.org/TR/css3-flexbox/，特别是财产flexbox-order.

See here http://www.html5rocks.com/en/tutorials/flexbox/quick

不过，对此的支持是仅在大多数浏览器的当前版本中 http://caniuse.com/flexbox still.

Edit随着时间的推移，Flexbox 支持也得到了改善。