1

我想用 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>

CSS：

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

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

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

4

1 回答 1

0

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

于 2013-07-12T19:42:23.493 回答