javascript - DIVの高さが特定の値よりも低い場合に自動的に設定する

Question

ここに示すように、DIVを使用してテーブルをラップし、スクロール機能を提供しています：http: //jsfiddle.net/WVjK5/1/

リストが大きい場合は正常に機能しますが、次のようにリストが小さい場合：http: //jsfiddle.net/HJUuA/「すべて選択」と「すべてクリア」が最初のテーブルから遠く離れていることがわかります。私はほしくない。

その理由は、DIVの高さが300pxに固定されているためです。私が欲しいのは、DIVの高さが300pxを超えてはならず、300px未満の場合、DIVの高さフィールドが自動的に変更されることです。すべて選択ボタンとすべてクリアボタンがテーブルのすぐ下に来るようにします。

.tableScroll {
    height: 300px; 
    overflow: auto;
}

score 4 · Accepted Answer

4

max-height: 300px; 代わりに使用したいかもしれません height: 300px;

于 2013-03-21T03:56:46.853 に答える

score 1 · Accepted Answer

max-heightを使用してみてください

2番目のJSFiddleの例：

.tableScroll {
    max-height: 300px; 
    overflow: auto;
}

このプロパティの優れたリソースは次のとおりですhttp://reference.sitepoint.com/css/max-height

score 0 · Accepted Answer

高さをmax-heightに変更するだけです。

.tableScroll {
    max-height: 300px; 
    overflow: auto;
}

score 0 · Accepted Answer

高さの代わりにmax-heightを使用します。

.tableScroll {
    max-height: 300px; 
    overflow: auto;
}

4 に答える 4