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

【问题标题】：How to make the height of a div box depend on how much text is in it如何使 div 框的高度取决于其中有多少文本
【发布时间】：2013-06-28 07:11:30
【问题描述】：

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

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

}

【问题讨论】：

【解决方案1】：

您可以通过完全不设置等于height: auto; 的高度来做到这一点。默认情况下，div 将包装内容。如果没有这样做，请发布jsfiddle。

【讨论】：

基本正确，但如果其他设置扰乱了文档流程，这可能会使height:auto 无法按预期工作。由于他提供的代码没有指定高度，很可能还有其他代码影响了他的div并破坏了auto对高度的调整。

【解决方案2】：

您拥有的代码就是这样做的。 Here's a JSFiddle demo。我唯一改变的是我把你的 ID 变成了一个类，因为我在那里放了多个 divs。

如果您没有指定高度，并且div 没有设置为position: absolute、position: fixed 并且其内容处于正常流动状态（例如不是float:left 或float:right 或带有奇怪的position) 那么高度应该可以根据内容进行微调。

【讨论】：