div高度自动不调整大小？答案

【问题标题】：Div height auto not resizing?div高度自动不调整大小？
【发布时间】：2012-03-12 16:00:15
【问题描述】：

我有一个浮动 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 重置为自动高度，它应该调整大小以适应文本，但它没有这样做。想法？

【问题讨论】：

标签： jquery css

【解决方案1】：

也许您的代码不起作用，因为您还在某处设置了 min-height 以及高度

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

【讨论】：

这正是我所需要的。以像素为单位思考太多。谢谢

【解决方案2】：

我刚刚经历了这个，这里有人帮助我，所以我把它传递下去：

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

min-height:100%;
overflow:hidden;

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

事实上，此时您甚至不必使用 javascript 来更改 DIV 的大小。 CSS 会为您处理好它。

【讨论】：

遗憾的是，这在我的情况下不起作用，因为这是一个包含在其父级中的可拖动元素。 min-height: 100% 禁止拖动。