如何创建向上扩展到高度然后显示滚动条的DIV？

Question

我试图实现一个DIV包含一些文本,并按以下方式行事:

• 固定宽度(500px)

• 上限高度(最高400 px)

  1. 如果文本呈现为<400px(例如,100px高),则包含DIV的高度与文本一样多(在我们的示例中为100px).

  2. 如果文本呈现为> 400px,则包含div的高度仅为400px,并且通过DIV中的垂直滚动条处理oveflow.

我知道如何实现#2(overflow: auto; position: relative),但这种行为取决于height=400px当然否定#1所需的行为.

如何通过CSS实现这一目标？

我更喜欢合理的跨平台解决方案,如果这太难了,必须适用于IE7,IE8和FireFox 10+.

Answer 1

尝试结合使用max-height和overflow: auto;.

例子.