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

Question

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

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

}

Answer 1

您可以通过根本不设置与height: auto;. 默认情况下，div 将包装内容。如果它不这样做，那么发布一个jsfiddle。

Answer 2

您拥有的代码可以做到这一点。这是一个 JSFiddle 演示。我唯一改变的是我把你的 ID 变成了一个类，因为我div在那里放了多个 s。

如果您没有指定高度，并且div没有设置为position: absolute，position: fixed并且其内容处于正常流动状态（例如 notfloat:left或float:rightor 带有怪异的position），则高度应根据内容进行微调。