根据父母调整孩子的大小

Question

我有2张桌子。第一个表（我将其称为表A）分配了max-height，因此它下面的表（表B）将向上移动，具体取决于表A是否有足够的内容来填充{{1} }。我需要让表B填写剩余的剩余空间（当表A没有填写max-height时）而不会超出父容器。我真的很想用CSS做这个，但我不确定我是否可以在这一点上（现在谷歌搜索约2小时）。 jQuery似乎是下一个选项，但我不太清楚从哪里开始。
查看this fiddle

max-height

Answer 1

JSFiddle here。添加/删除要测试的行。

Answer 2

这样的东西可行，如果你给所有divs id，比如容器，tab1，tab2：

$(document).ready(function() {
  $('#tab2').height(
    Math.max($('#container').height()
             -$('#tab1').height(), 0));
});

我更新了你的小提琴here