如何讓div隨內容增長？

Question

與html相關，如何使div容器與內容一起增長，而不是手動定義寬度和高度。

不管是什麼標誌的尺寸，容器不會與它成長：（...我怎麼會解決這個問題（或者可以將其固定）

Answer 1

你有嗎？示例代碼？div始終是其容器的整個寬度，因爲它的block-level元素

Answer 2

如果您未定義寬度和/或高度，則div元素會隨其內容一起增長。絕對！如果內容設置爲浮動，您必須設置爲容器

overflow:hidden 

爲了讓它成長！

Answer 3

divs的默認行爲是填充整個可用寬度。有幾個方法來重寫此：

• 設置display: inline-block（非IE友好）
• 浮它（用，還有副作用，浮動吧）
• 設置display: inline（但這是幾乎從來沒有你想）
• 設置position: absolute
• 硬編碼的寬度（沒有動態寬度雖然）

作爲最後的手段，consi der javascript。

Answer 4

您可以指定最小寬度和最小高度，並且隨着內容更改（當然，不低於最小寬度/高度），DIV將調整寬度/高度。從代碼

Working code pen example

最重要的CSS屬性（DIV是可編輯的，所以只需鍵入文本，它會通過寬度/高度與它成長）：

min-height: 200px; 
    min-width: 100px; 

Answer 5

使用神奇的CSS屬性稱爲「flex」，它真的很棒

yourDiv{ 
display:flex; 
} 

只要確保兒童不是位置：絕對的，因爲這不會使用flex。