jquery - テーブルが含まれているかどうかに応じてdivのサイズを設定する方法は?

Question

div の高さに問題があります。

私のデザインは次のようなものです: テーブルを含む div がありますが、最初はテーブルが見えません。ボタンをクリックすると、テーブルが表示されます。

次の場合の問題: テーブルが div よりも大きく、重複しています。重複しないようにdivの高さを自動的に設定する方法は? 多分このようなもの：

テーブルの高さを取得し、それを div の高さに追加します。しかし、これを行う方法は？

Answer 1

これがお役に立てば幸いです...

<div class="boxes">
 <table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table></div>

そしてjqueryは

$(".boxes").css("height", $("table").height());
$(".boxes").css("width", $("table").width());

このデモを試してください:フィドル