javascript - 将 div 元素调整为原始大小， 'required' 大小

Question

我有一个包含一些内容的 div:

<div style="overflow: hidden">
    <table>
        ....
    </table>
</div>

这个 <div> 有多个实例整个页面和大小都在 250px 左右变化至 400px .由于要堆叠很多，所以我希望它们看起来统一并且不占用太多空间。所以，我将它们全部调整为只有 200px在高度。然而，他们每个人都有一个 expand按钮，应该会显示整个 <div> .但是，我面临的问题是，当单击展开按钮时，我不知道要将其调整为什么。我试过 100% , 但它会将其扩展到屏幕尺寸的 100%。我怎样才能将它扩展到只扩展到 required大小，即包裹所有内容的大小，仅此而已？

如果解决方案需要一些 javascript 计算大小，那没问题。

Answer 1

只需完全删除高度即可。 <div>然后将扩展以包含内部内容。