CSS max-height无效

Question

我有一个非常简单的问题,我需要一个div来扩展以适应其内容,除非高度达到一定的大小,当我希望div垂直滚动时.作为测试,我创建了一个页面,其中包含:

<div style="width:300px;max-height:25px;background-color:green;overflow:auto;">
    1<br />
    2<br />
    3<br />
    4<br />
    5
</div>

不幸的是,最大高度似乎不起作用.我究竟做错了什么？

我正在使用IE7.

Answer 1

问题是你的浏览器.也许你可以将这个div包装在另一个固定高度为25px的div中.当然,这与max-height不完全相同.

一篇关于解决方案的文章.

编辑: 根据微软,它应该在IE7 +中工作.

您是否设置了适当的doctype？如果不是IE7使用旧的布局引擎.您应该使用HTML 4或XHTML.

Answer 2

这是设置min-height的跨浏览器方式:

min-height: 400px;
height:auto !important;
height:400px;

IE将height属性视为min-height,并忽略min-height.

编辑:将问题误读为最小高度!(> _ <)