如何使div固定在高度,但如果内容大于高度则增长?

时间:2011-12-12 11:01:30

标签: html css

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

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

我的问题是:是否有可能有一个固定的大小(例如500px),但当div的内容大于500px时,让div变得更大以包含它?

由于

3 个答案:

答案 0 :(得分:22)

尝试

min-height: 500px;
height:auto;

设置最小高度。

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

答案 1 :(得分:6)

min-height:300px;
height:auto;

答案 2 :(得分:2)

try this


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