<table class="container">
<tbody>
<tr style="height: 1px;">
<td>
<div class="show">
<div>1</div>
<div>1</div>
<div>1</div>
<div>1</div>
</div>
</td>
</tr>
<tr>
<td class="bottom">
111
</td>
</tr>
</tbody>
</table>
<button class="btn" onclick="show()">展开</button>
<script>
function show() {
$(".show").toggle();
}
</script>
$(".bottom)的高度就可以自动填满剩余空间