html - 奇妙な CSS オーバーフローの問題

Question

重複の可能性:
Firefox の奇妙なページ バグ

私のプロジェクトでは、 ChoosenとTwitter Bootstrapを使用しています。これが jsfiddle です Firefox でこれを開いてみてください (chrome では問題なく動作します) 最初のアコーディオン アイテム オープナーを押します。内部を閉じます。次に、もう一度押して開きます。内部 div ではなく、テキスト ボックスのみが表示されます。

これは、Firefox で 3 回押した後のスクリーンショットです。

そして、これがどうあるべきかです（Chromeの場合）

私は何が欠けていますか？

Answer 1

Firefox の興味深い動作! ただし、以下の行を削除すると正常に動作します。

 .collapse.in { overflow: visible; }

デフォルトでオーバーフローを設定しない場合、ブラウザによって表示されるように設定されるため、明示的に設定する必要はありません。ここを参照してください http://css-tricks.com/the-css-overflow-property/