javascript - 在某处内联渲染一个 div，而它实际位于其他地方？

Question

假设你有这个:

<div>Area 1</div>
<div style="clear:both;">Area 2</div>
    ... more arbitrary stuff
<div style="clear:both;">Area 3</div>

有没有什么方法可以像下面这样渲染，而不实际改变元素的顺序？

Area 1
Area 3
Area 2
... more abitrary stuff

是的，这没有意义，但原因(当然)是 asp.net。我想创建一个内联文件上传表单，而不是使用 iFrame。因此需要在单个 asp.net 窗体之外创建一个新的 form。由于无法嵌套表单，因此上传表单必须实际存在于其他表单之外的页面上。所以我想弄清楚是否有任何方法可以让它显示在技术上属于主窗体一部分的区域内。

我的工作解决方案是使用第二种形式的模态对话框。这工作正常，但如果可能的话，我希望上传表单与页面的其余部分内联，而不是在模态对话框中。

我可以想象使用绝对位置来移动这个东西，但我想不出如何在没有大量 javascript 的情况下让其他元素适应第 3 个 div 占用的空间。

Answer 1

一般来说，我一直在尝试避免使用来自 ASP.net 的单一服务器端表单，除非我真的需要它(如果可以的话)。

您能否创建一个与您的表单大小相同的“虚拟”元素，以便浏览器正确定位其他所有内容，然后您绝对将您的表单放置在该虚拟元素之上？