javascript - 将 div 附加到另一个时，IE 会导致巨大的空间区域

Question

我正在一个测试站点上工作，所以我不能提供太多代码。这个 prepend() 方法在除 IE 之外的所有东西中都非常有效，并且在任何版本的 IE 中都不起作用。没有控制台错误。我得到了一个巨大的不可选择的空白区域，小 div 应该是。

我在包含搜索栏的导航中有一个 div。我选择了这个搜索栏。并将其放入侧边栏中。

    $('#sidebar').prepend($('#header_rowSearch'));

就像我说的，它适用于除 IE 之外的所有浏览器。

被选中的 div 没有添加任何样式。侧边栏有这些：

#sidebar {
padding: 20px;
height: 100%;
margin: 0;
width: 345px; 
background-color: #162732; 
float: right;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}

Answer 1

所以我解决了这个问题。它源于我没有提供的信息。ID 实际上是在一个表中，标记是

<td id="header_RowSearch"></td>

当您将表格行插入实际 div 时，IE 是唯一尝试正确读取它的浏览器。所以很明显，一个 div 中的随机行会破坏事情。话虽如此，这行 jQuery 挽救了这一天。

$('#sidebar').prepend($('#header_rowSearch'));
$('#header_rowSearch').wrap('<table></table>');