Div高度自动不调整大小?

Div高度自动不调整大小?

问题描述:

我有一个浮动div,并且用户可以更改字体大小。当他们这样做,我有这样的代码: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自动高度,它应该调整到适合文本,但它没有这样做。想法?

也许您的代码不工作,因为你还设置了min-height某处高度

作为替代的想法,你可以设置高度em(或其他相对测量)一起,所以当你改变字体 - 大小高度将自动更改(没有设置其高度auto

+0

这正是我所需要的。太多的思考像素。谢谢 – 2012-03-12 16:24:23

我只是通过这个去了,这里有人帮了我,所以我将它传递:

你不想使用身高,你想使用最低高度的组合吨和溢出:

min-height:100%; 
overflow:hidden; 

这听起来反直觉,我知道。但它的工作。

事实上,你甚至不需要使用javascript来改变DIV的大小。 CSS会为你照顾它。

+0

不幸的是,这在我的情况下不起作用,因为这是一个可拖动的元素,它包含在其父项中。最小高度:100%将禁止拖拽。 – 2012-03-12 16:16:48