0

既存の div に div を動的に追加するときに厄介な問題が発生します。appendChild関数と jQuery の追加関数を使用してみました。どちらも同じ結果になります。この jsFiddle で問題を確認できます。

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

「追加」ボタンを押すと、動的に作成されたいくつかの div が追加されます。for ループ内で div を作成し、それにテキストを含む 2 つの div を追加してから、「mainDiv」に追加します。次に、for ループの外側に、さらに 2 つの div を作成します。そのうちの 1 つは、背景色が明るいオレンジ色に設定されたスタイルが適用されています。

問題は、for ループで作成された div が、このオレンジ色の背景色を継承しているように見えることです..まあ、その背景を持つ要素がそれらの後に追加されたとしても。そして、オレンジ色の背景の div がオレンジ色を継承した後の段落とは異なります。本来の白のままです。

私はこれで多くのことをしましたが、それを解決する方法が見つかりませんでした。何か案は？

乾杯、

デブ

4

1 に答える 1

1

compHolder追加している（クラスの）divに問題があり、それがfloat:left適用されていることがわかりました。ヘッダーが異常に動作する前に、これらの3つのdivに影響を与えるヘッダーの背景を停止するためにをクリアpopupHeader3する必要があります。clear:both;

そのようです：

.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 に答える