如何在一定高度后显示滚动但高度不应该固定？

Question

我有一个以下风格的div:高度:250px;滚动:auto;.我希望它在250像素后滚动,但根据其中的内容应该有高度.

例如,如果其中的内容是100px,那么div的高度应为100而不滚动.但是,如果高度超过250px,它应该显示滚动.

怎么办？

Answer 1

这就是你追求的吗？

演示

CSS:

.dyn-height {
    width:100px;
    max-height:250px;
    overflow-y:scroll;
}

height: 可选 - 仅用于演示.

Answer 2

试试这个:max-height应该可以解决问题.

HTML

<div class="height">
    blah<br/>
    blah<br/>
</div>

CSS:

.height { max-height:250px; border:1px solid red; overflow:auto; }

Answer 3

overflow-y与auto选项一起使用.这样滚动条在需要之前不会显示.否则滚动条将显示,即使您不需要它显示.

 .my_div {
        width:100px;
        max-height:250px;
        overflow-y:auto;
    }