質問: htmlテーブルにスクロールバーを表示する方法 設定サイズを維持するためにhtmlテーブルが必要なページを書いています。常にそこにとどまるにはテーブルの上部にヘッダーが必要ですが、テーブルに追加された行数に関係なくスクロールするにはテーブルの本体も必要です。このurlの方法2のように見せたい: http://www.cssplay.co.uk/menu/tablescroll.html 私はこれを試しましたが、スクロールバーは表示されません: <table border=1 id="qandatbl" align="center"> <tr> <th class="col1">question no</th> <th class="col2">option type</th> <th class="col1">duration</th> </tr> <tbody> <tr> <td class='qid'></td> <td class="options"></td> <td class="duration"></td> </tr> </tbody> </table> css:tbody { height:80em; overflow:scroll; }
回答: 目的に応じて(私の場合は検索バーの自動入力結果でした)、高さを変更可能にし、高さがそれを超える場合にのみスクロールバーが存在するようにしたい場合があります。必要な場合は、height: x;をmax-height: x;に、overflow:scrollをoverflow:autoに置き換えてください。さらに、必要に応じてoverflow-xとoverflow-yを使用できます。明らかに、同じことがwidth : x;でも水平に機能します