サイトに Twitter の Bootstrap 流動レイアウトを使用しています。折りたたみ/展開アコーディオンがあり、セクションの 1 つの中に、個別にスクロールできるようにしたい 3 つの列があります。これらの列は現在、コンテンツの高さいっぱいまで拡大されますが、代わりにビューポート (表示可能なページ) まで拡大し、残りの部分に移動するためのスクロールバーを表示したいと思います (まだすべてが表示されていない場合)。
列を次のように設定すると、スクロールバーが表示されます。overflow: auto; height: 500px;
高さを設定したくありません。ただし、ビューポートに収まるものに設定したいと思います。
ビューポートに拡張するために、div の高さを 100% に設定できることを理解しています。ただし、含まれている要素の高さに依存する必要があります。Bootstrap 内でこれを処理する方法がわかりません。