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

【问题标题】：How to show scroll after certain height but height should not be fixed?如何在一定高度后显示滚动但高度不应该固定？
【发布时间】：2011-06-29 10:53:20
【问题描述】：

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

例如，如果里面的内容是100px，那么div的高度应该是100，没有滚动。但是，如果高度超过 250px，它应该显示滚动。

怎么办？

【问题讨论】：

【解决方案1】：

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

.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>

【讨论】：

【解决方案2】：

将overflow-y 与auto 选项一起使用。这样滚动条在需要时才会显示。否则滚动条会显示，即使你不需要它显示。

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

【讨论】：

【解决方案3】：

这就是你所追求的吗？

CSS：

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

height: 可选 - 仅用于演示。

【讨论】：

【解决方案4】：

试试这个：max-height 应该可以解决问题。

html

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

css:

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

【讨论】：