当DIV的高度低于某个特定值时，自动设置DIV的高度

Question

我正在使用DIV来包装表格以提供滚动功能，如下所示：http://jsfiddle.net/WVjK5/1/

当列表很大时它可以正常工作，但当列表很小时，如下所示：http://jsfiddle.net/HJUuA/你可以看到“全选”和“全部清除”远离第一张表格不想要。

我知道原因是DIV的固定高度为300px。我想要的是DIV的高度不应该大于300px，如果它小于300px，那么DIV的高度场应该自动改变。因此，选择全部和清除所有按钮就在表格下方。

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

Answer 1

我想你可能只想使用 max-height: 300px; 代替 height: 300px;

Answer 2

尝试使用max-height

来自你的第二个JSFiddle的例子：

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

以下是此属性http://reference.sitepoint.com/css/max-height

的良好资源

Answer 3

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

http://jsfiddle.net/HJUuA/3/

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

Answer 4

使用max-height而不是height。

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