如果 Div 包含表单，则会被移动 - IE答案

【问题标题】：Div being moved if it contains a form - IE如果 Div 包含表单，则会被移动 - IE
【发布时间】：2011-08-01 09:34:23
【问题描述】：

我不知道如何解释这个，因为它让我感到困惑，而且我没有大量代码来说明我的意思，但我会尝试：

我有一个使用母版页的 ASP.NET 网站。源将显示如下内容：

<body>
    <form id="main" runat="server">
        <div id="main">
            <div id="left"></div>
            <div id="main_content">
                <div id="content"></div>
            </div>
            <div id="right"></div>
        </div>
    </form>
</body>

我允许用户使用接受 HTML 的所见即所得编辑器设置“内容”div 的内容。我在 IE8 中看到的问题（不确定其他）（Mozilla 很好）是当我在内容中有一个表单时，源会更改为：

<body>
    <form id="main" runat="server">
        <div id="main">
             <div id="left"></div>
             <div id="main_content">                   
                <div id="content"></div>
            </div>
        </div>
    </form>
    <div id="right"></div> // BEEN MOVED?!?! 
</body>

然后将 div 放在主要内容下方，而不是坐在它旁边。我觉得这很奇怪，我知道这与我测试过的表单有关，并且 div 显示在正确的位置。

编辑：是否与将表单标签相互包装有关？

有人有什么想法吗？

谢谢。

【问题讨论】：

标签： asp.net html internet-explorer

【解决方案1】：

哦，亲爱的漫长的一天，我想:)

您不能在表单中嵌套表单，因此请确保编辑器中的内容不包含表单。

叹息..

【讨论】：