Html 如何在内容区域中使用最大高度和滚动条来缩小容器？

我正在尝试实现一个类似于普通窗口的窗口，它有一个标题和一个可滚动的内容区域。

.frame

收缩以适合其可变大小的内容，并且仅受

最大宽度

/

最大高度

的限制：

<div class="frame">
    <div class="title">title</div>
    <div class="content scrollable">content of variable width/height</div>
</div>

标题
可变宽度/高度的内容

因此，基本上，没有设置外部

宽度

/

高度

，

.frame

宽度

/

高度

仅受

最大宽度

，

最大高度

的限制，除了

.frame

缩小以适应其内容之外。 结果看起来就像一个带有标题栏和变量

宽度
/
高度
内容的常规windows窗口，如果框架的
高度
/
宽度
超过某些最大值，则该窗口将滚动

如何在CSS中实现这一点

div.frame
{
max-width: 400px;
max-height: 200px;
overflow: auto;
}

哇！我甚至没有想到添加一个显示这样一个疯狂的解决方案：修复；为了冠军！非常感谢。CSS是一个如此疯狂的世界！！！如果这对你有效，你可以将答案标记为“正确”！不是“display:fixed”，而是“position:fixed”是的，很抱歉，当然，在尝试了几个小时的解决方案后感到很累。没有问题，伙计。发生在我们最好的人身上！