是否可以使用 CSS 更改 DOM 元素顺序？我有一个 iframe，我想将工具栏从iframe 的主要内容的上方更改为下方。
所以从这个：
<iframe>
<html>
<body>
<div id='toolbar'></div>
<div id='main_content'></div>
<div id='other_stuff'></div>
</body>
</html>
</iframe>
对此：
<iframe>
<html>
<body>
<div id='main_content'></div>
<div id='toolbar'></div>
<div id='other_stuff'></div>
</body>
</html>
</iframe>
如果使用 CSS 无法做到这一点，有人可以建议如何在 Javascript 中做到这一点吗？操纵 iframe 内容总是让我感到困惑 *^%$。作为一个实际应用，我实际上指的是使用 Crocodoc (https://crocodoc.com/docs/walkthrough/skinning/) 生成的iframe，所以我的目的是让这个问题和答案对使用此服务的人有价值也。