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

Question

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

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

怎么办？

Answer 1

这就是你想要的吗？

<强> Demo

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;
    }

Answer 4

只需尝试 max-height 并执行 overflow-y:scroll it

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

}

<div class="hidden">

<h5>If the content in this div exceeds 250px it should appear a scroll bar</h5>

</div>