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

Question

当我使用像这样的Javascript创建DOM元素时

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

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

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

......风格是他们应该的样子。

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

编辑1：我已经尝试检查div并更改了某些样式，但它没有帮助。

编辑2：我已经在jsfiddle中重新创建它并且它在那里工作没有问题（奇怪的是）。只是你知道，这里是小提琴：http://jsfiddle.net/3cyFD/我的问题是，当我点击＆＃34;点击我＆＃34;时，会出现日期选择器，但行之间有异常空格（{ {1}}表格中的单元格。

Answer 1

我强烈的假设是你有一个你没有想到的CSS样式元素。这就是我遇到这种情况时的经历。

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