Javascript 静态和动态元素之间的CSS样式差异

当我用Javascript创建一个DOM元素时，如下所示

$(document.createElement('div')).attr('id', 'box').appendTo('.parent');

…div中

td

元素（以及其他一些元素）的高度会失真。但是，当我在标记中指定div时：

<div id="box"></div>

…风格是他们应该有的

为什么动态DOM元素创建会扭曲CSS样式？我应该如何修复它

编辑1：我已经试过检查

div

并更改一些样式，但没有效果

---

编辑2：我在JSFIDLE中重新创建了它，它在那里工作没有问题（很奇怪）。正如您所知，问题是：我的问题是，当我单击“单击我”时，会出现日期选择器，但行之间存在异常空格（表的

td

单元格）。

我的强烈假设是，您有一个CSS样式元素，您没有想到它。这就是我被困在这里的经历

---

使用Chrome或Firefox检查您拥有的元素。你已经说过这不是Div的问题，但听起来这也不是问题所在。从您的td开始，然后转到tr，然后转到表格。边距和填充可能是你最大的罪魁祸首，但要寻找任何属性，包括最小高度，以及沿着这些线的东西。让我知道这是否有帮助。

我的强烈假设是，您有一个CSS样式元素，您没有想到。这就是我被困在这里的经历

---

使用Chrome或Firefox检查您拥有的元素。你已经说过这不是Div的问题，但听起来这也不是问题所在。从您的td开始，然后转到tr，然后转到表格。边距和填充可能是你最大的罪魁祸首，但要寻找任何属性，包括最小高度，以及沿着这些线的东西。如果这有帮助，请告诉我。

如果您正在创建无效的标记，那么在此处使用提琴可能会很有用。你们能在上面重现这个问题吗？伙计们，我最近也注意到了这一点，但在一个单独的场景中，使用了一个和一些输入。看看这个：这没有关系@projeqht在标记之间只有许多空格…：-）如果一个问题对小提琴来说太复杂，那么一个问题就太复杂了。分解它将有助于隔离问题，以便我们能够更好地解决它。在这里，一把小提琴会很有用，因为您似乎正在创建无效的标记。你们能在上面重现这个问题吗？伙计们，我最近也注意到了这一点，但在一个单独的场景中，使用了一个和一些输入。看看这个：这没有关系@projeqht在标记之间只有许多空格…：-）如果一个问题对小提琴来说太复杂，那么一个问题就太复杂了。分解它将有助于隔离问题，以便我们能够更好地解决它。我已经解决了问题。问题是由td元素的宽度引起的。日期选择器的宽度设置为200px，这对于宽度为170px的td单元来说太宽了。我只是将日期选择器移动到另一个（更宽的）div，现在它可以工作了。我已经解决了这个问题。问题是由td元素的宽度引起的。日期选择器的宽度设置为200px，这对于宽度为170px的td单元来说太宽了。我只是简单地将日期选择器移动到另一个（更宽的）div，它现在就可以工作了。