javascript - 重复的 div 丢失样式

Question

我有一个像这样的 div，旨在成为一个动态字段创建者。

<div id='parent'>
    <div id='child1'>
        <input type='text'></input>
    </div>
    <div id='child2'>
        <input type='text'></input>
    </div>
</div>

正如你在这里看到的https://jsfiddle.net/xj0c50th/ ，新克隆的 div 中的样式将丢失。

为什么会这样？

Answer 1

您的样式实际上应用得很好。如果您检查这些元素，您会注意到样式在那里并且宽度应用正确。

问题是您复制的是元素，而不是空白。由于输入和标签默认是行内 block 元素，因此空格是相关的。