Css 如何在Firefox中创建带有可选溢出的div

我想用CSS实现完成弹出窗口。包含完成的Div应具有以下行为： -如果大小小于（maxW x maxH），则应调整大小以覆盖包含文本的内容 -如果大小大于或等于（maxW x maxH），则应具有（maxW x maxH）大小和滚动条

我试着这样做：

以下是html：

<div class="main">
<div>testtesttesttestteteetwew</div>
<div>testtesttesttestteteetwew</div>
<div>testtesttesttestteteetwew</div>
<div>testtesttesttestteteetwew</div>
<div>testtesttesttestteteetwew</div>
<div>testtesttesttestteteetwew</div>
<div>testtesttesttestteteetwew</div>
<div>testtesttesttestteteetwew</div>
<div>test</div>  
</div>

然而，它并没有按照我想要的方式工作。我总是在div周围有滚动条。 我的示例在Firefox中不起作用

---

你可以在这里试用这段代码：

在Firefox、IE和Chrome中，你的代码对我来说非常有用，正如你所描述的，或者至少据我所知。除非div达到最大高度和宽度，否则div将增长以适应内容。此时，它将获得滚动条。

请附上一个完整的代码示例，以再现该问题。当你没有所有的事实时，很难知道什么是错的。只是一个建议。。。。尝试添加

！重要信息

属性。@EliranMalka已更新。为了合并一些登录，您必须合并一些逻辑。也就是说-CSS不是用于条件的，请使用JavaScript。对我来说似乎很好，所有这些都不适合这么小的一个div。如果你使用较少的内容，那么它就不会使用滚动条。在firefox中，我无法摆脱底部的空滚动条（至少在OSX上）。也许这是版本问题。

.main {
    position: absolute;
    overflow: auto;
    max-height: 100px;
    max-width: 200px;
    background: olive; 
}