javascript - 当 DIV 低于某个特定值时自动设置 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

尝试使用最大高度

来自您的第二个 JSFiddle 的示例：

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

score 0 · Accepted Answer

只需将高度更改为最大高度。

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

score 0 · Accepted Answer

0

使用最大高度而不是高度。

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

于 2013-03-21T04:02:54.100 回答

4 回答 4