0

誰でも私のためにこれに光を当てることができますか:

http://67.212.188.229/fcf/index.html <- 右側のサイド パネルを見てください。ユーザーにどちらかをクリックしてもらい、ボックスをそのコンテンツとともに展開してもらいたいと思います。クリックとコンテンツがありますが、なんらかの理由で div をコンテンツで展開できません。

どんな助けでも大歓迎です。

よろしく、

んん

4

2 に答える 2

3

あなたはそれでこのスタイルを続けてい<form class="fcfSamplePack">ます:

.fcfSamplePack {
    position: absolute;
    width: 247px;
    margin: 10px;
    display:none;
    margin-top: 10px;
}

それを削除する必要がありposition: absolute;ます。その後、期待どおりに機能します。現在、通常のフローではスペースを占有していません<div>。このスタイルを削除するだけで問題が解決します:)

于 2010-07-02T11:46:57.280 に答える
0

私がクロムで見たのは、あなたのdivは機能していたが、テキストボックスはdivよりも幅が広いということでした. また、div には背景色がなかったので、その下のコンテンツを見ることができました。次のスタイルの div を入れてみましたが、少し見栄えが良くなりましbackground-color: white; border: 1px red solid; padding: 10px;た。テキスト ボックスが広くなる理由は、それらに適用されるスタイルに 100% の幅に加えて 4px 幅を増やす 2px のパディングがあるためです。また、入力に適用される境界線も幅に追加されます。このように、テキスト ボックスの幅が広くなります。別のオプションは、テキスト ボックスの幅を 90% に設定することです。

入力をクリックすると、divが非表示になることにも気付きました。また、2 番目のボタンを 1 回クリックし、最初のボタンをクリックすると、両方の div が表示されます。

于 2010-07-02T11:46:47.263 に答える