Question

我想用CSS实现完成弹出窗口。包含完成的Div应具有以下行为： - 如果size小于（maxW x maxH），则应调整其大小以覆盖包含文本 - 如果size大于或等于（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>

CSS：

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

然而，它并不像我想要的那样工作。我总是在div周围有滚动条。我的例子，在Firefox中不起作用。

您可以在此处试用此代码：http://jsfiddle.net/HjFCx/23/

Answer 1

你所拥有的在Firefox，IE和Chrome中完全按照你的描述为我工作，或者至少据我所知。除非达到最大高度和宽度，否则div会增长以适应内容，此时它会变为滚动条。

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

1 个答案: