如何讓div根據內容而不是預設高度動態擴展？

Question

當我的高度應該是動態的時候，我對DIV高度的手動預設感覺不舒服。我擔心有人會改變字體大小或字體本身;所以我認爲我目前的解決方案是脆弱的。但我沒有看到動態設置DIV高度以自動匹配內容的其他方式。任何幫助表示讚賞。

這裏是我目前工作的一個例子： http://jsfiddle.net/qkwL2/5/

Answer 1

http://jsfiddle.net/qkwL2/7/

先測量。然後動畫。

儘可能少使用$。每個$添加另一個jQuery對象到內存。

Answer 2

如果你想要做的動畫那樣的，比你幾乎被迫設置明確的高度（我不知道任何其他方式）。你可能要考慮的一件事是根據div的內容計算高度（例如，遍歷錨標籤列表，並計算每個高度，然後添加你的填充）。這樣可以保證始終顯示整個div的內容。

Answer 3

您可以將希望顯示的內容與類關聯起來，使用display:none將其隱藏起來，然後使用jquery slideDown方法將其向下滑動。 Demo。