Css 如何使div框的高度取决于其中有多少文本

Css 如何使div框的高度取决于其中有多少文本,css,html,text,height,Css,Html,Text,Height,我将宽度固定为900px,但我希望高度取决于其中文本和对象的数量。有没有办法做到这一点,这是我目前为div使用的CSS #mainbox { padding:0; margin:0 auto; width:900px; border:solid 2px }您可以通过完全不设置等同于height:auto。默认情况下,div将包装内容。如果它不这样做,那么就发布一个。你的代码就是这样做的。我唯一改变的是我把你的ID变成了一个类,因为我在里面放了多个divs 如果未指定高度,且未将div设置为

我将宽度固定为900px,但我希望高度取决于其中文本和对象的数量。有没有办法做到这一点,这是我目前为div使用的CSS

#mainbox {
padding:0;
margin:0 auto;
width:900px;
border:solid 2px  

}

您可以通过完全不设置等同于
height:auto。默认情况下,div将包装内容。如果它不这样做,那么就发布一个。

你的代码就是这样做的。我唯一改变的是我把你的ID变成了一个类,因为我在里面放了多个
div
s


如果未指定高度,且未将
div
设置为
位置:绝对
位置:固定
,且其内容处于正常流动状态(例如,非
浮动:左
浮动:右
或具有奇怪的
位置
)然后,高度应根据内容进行适当调整。

记住设置div的宽度,然后设置高度:auto;这很好:)@JakeMclaughlin实际上,设置高度与他想做的相反。此外,他已经在示例中设置了宽度。大多数情况下是正确的,但是如果其他设置扰乱了文档流,这可能会使
height:auto
无法按预期工作。由于他提供的代码没有指定高度,因此可能有其他代码影响他的
div
并破坏高度的
自动调整。