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());

试试这个演示：小提琴