0

在将 div 动态添加到现有 div 时，我遇到了一个烦人的问题。我尝试使用该appendChild函数，以及 jQuery 的 append 函数；两者都给出相同的结果。您可以在这个 jsFiddle 上看到问题：

http://jsfiddle.net/debu/5b3Qr/

如果您按下“添加内容”按钮，它将添加几个动态创建的 div。在 for 循环中，它创建一个 div，然后添加两个包含文本的 div，然后将其附加到“mainDiv”。然后在 for 循环之外，我再创建两个 div；其中一个应用了一种样式，其背景颜色设置为浅橙色。

问题是，在 for 循环中创建的 div 似乎继承了这种橙色背景颜色，即使......好吧，即使在它们之后添加了具有该背景的元素。而且不像是橙色背景的div继承了橙色之后的段落；它保持原样，白色。

我已经玩了很多，但没有找到解决它的方法。有任何想法吗？

干杯，

得不

4

1 回答 1

1

事实证明，您添加的 div （属于 class compHolder）已float:left应用。您需要清除popupHeader3以clear:both;阻止标题的背景影响这 3 个 div，然后它才会出现奇怪的行为。

像这样：

.popupHeader3 {
    background-color: #FFBA9B;
    margin-top:1px;
    color: #000000;
    font-family: "ProximaNova";
    font-size: 18px;
    clear:both;
}

见：http: //jsfiddle.net/zyZ7Z/

于 2012-05-23T10:57:00.763 回答