将div元素的大小调整为原始的“必需”大小

Question

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

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

整个网页上有多个<div>个实例，大小从250px到400px不等。由于它们中的很多都要堆叠，我希望它们看起来均匀而不占用太多空间。所以，我将所有这些调整为只有200px高度。但是，每个按钮都有一个expand按钮，该按钮可以显示整个<div>。但是，我遇到的问题是，当单击展开按钮时，我不知道要将其大小调整为什么。我尝试了100%，但它将其扩展到屏幕大小的100％。如何将其扩展为仅扩展为required大小，即包含其中所有内容的大小，仅此而已？

如果解决方案需要对大小进行一些javascript计算，那就没关系。

Answer 1

完全移除高度。然后，<div>将展开以包含内部内容。

Answer 2

你的意思是说你想重新调整div的大小，只需要显示内容，你需要根据内容计算运行时的大小。 您可能已经看到，如果您没有提及大小，默认情况下浏览器会显示您想要的内容。

这是你必须使用的...... 的document.getElementById（ 'ID？'）。的removeAttribute（ '属性？'）

设置为null或“”表示您提供无效值

Answer 3

好的，终于想出了这个...这对我有用：

$(selector).css("height", "inherit");