我有一些这种结构
<table>
<tr>
<td valign="top" style="width: 48%;">
<fieldset>
<legend><b>Company Info:</b> </legend>
<table width="100%">
<tr>
<td>
<br />
dynamic data
<br />
dynamic data
<br />
dynamic data
<br />
dynamic data
</td>
</tr>
</table>
</fieldset>
</td>
<td valign="top" style="width: 48%;">
<fieldset id="crew">
<legend><b>Crew Company Info:</b> </legend>
<table width="100%">
<tr>
<td>
<br />
dynamic data
<br />
dynamic data
<br />
dynamic data
</td>
</tr>
</table>
</fieldset>
</td>
</tr>
</table>
这会产生两个并排填充动态数据的字段集,我想确保两个字段集具有相同的大小我的意思是如果一个具有比另一个更多的数据,另一个应该增加它的大小(主要是高度)以克服这种差异所以他们看起来都一样大,
任何建议我如何使用 CSS 或 JavaScript 来实现这一点?