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）

Answer 2

我只是通過這個去了，這裏有人幫了我，所以我將它傳遞：

你不想使用身高，你想使用最低高度的組合噸和溢出：

min-height:100%; 
overflow:hidden; 

這聽起來反直覺，我知道。但它的工作。

事實上，你甚至不需要使用javascript來改變DIV的大小。 CSS會爲你照顧它。