如何使 div 的高度固定但如果内容大于高度则增长？答案

【问题标题】：How to make div fixed in height but grows if content is bigger than height?如何使 div 的高度固定但如果内容大于高度则增长？
【发布时间】：2011-12-12 19:09:47
【问题描述】：

假设我有一个 div，我在 CSS 中设置了 height: 500px;，因此它的高度是固定的。

我的页面内容是用 JavaScript 自动生成的，因此有时它会大于 500px 并且会溢出 div 边框。

我的问题是：是否可以有一个固定的大小（例如 500px），但是当 div 的内容大于 500px 时，是否让 div 变得更大以包含它？

谢谢

【问题讨论】：

标签： html css

【解决方案1】：

试试

min-height: 500px;
height:auto;

设置最小高度。

供参考：http://www.w3schools.com/cssref/pr_dim_min-height.asp

【讨论】：

【解决方案2】：

是的

min-height:300px;
height:auto;

【讨论】：

【解决方案3】：

try this


min-height:500px;
overflow:auto;
margin:0 auto;

【讨论】：