Div高度自动不调整大小？

Question

我有一个浮动的div，用户可以更改字体大小。当他们这样做时，我有这个代码：

$(element).css ( 'font-size', newFontSize); 
alert ( $(element).css ( 'height' ) ); //60px
$(element).css ( 'width', 'auto' );
$(element).css ( 'height', 'auto' );
alert ( $(element).height()); //60 - no resize

这个想法是通过将div重置为自动高度，它应该调整大小以适应文本，但它没有这样做。想法？

Answer 1

也许你的代码不起作用，因为你还设置了一个min-height以及高度

作为另一种想法，您可以在em（或其他相对测量值）中设置高度，因此当您更改字体大小时，高度将自动更改（不将其高度设置为auto）< / p>

Answer 2

我刚刚经历过这个，有人在这里帮助我，所以我传递了它：

您不想使用高度，您想要使用最小高度和溢出的组合：

min-height:100%;
overflow:hidden;

我知道这听起来违反直觉。但它确实有效。

事实上，你甚至不必使用javascript来改变DIV的大小。 CSS会为你处理它。