如何自動設置div容器適應內容長度？

Question

我想讓div容器可以自動調整其div尺寸（高度）與內容一側的大小，而不是在文本多於容器區域時離開區域。任何人都可以幫我解決這個問題，而不是編輯div容器的CSS？當我嘗試更改div尺寸時，即使它適合內容，但當它超過div區域時，我必須通過CSS代碼再次手動進行編輯。

是否可能自動生成？或者可能使用JavaScript函數？

Answer 1

CSS

div#div_id{ 
    height : auto; 
    min-height: 100% !important; 
} 

設置你的DIV高度auto。它會根據您的內容自動調整高度。

Answer 2

你想要的行爲只是一個div，或者其他所謂的塊級元素，除非你賦予它一個定義的高度，否則它自然會做。因此，只需刪除適用於容器的任何固定高度，即可完成。

如果您希望您的div具有某個最小/最大高度，請使用min-height/max-height而不是高度。