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

How to show scroll after certain height but height should not be fixed?

提问by svirk

I have a div with following style: height:250px;scroll:auto;. I want it to scroll after 250 px but should have height according to the content in it.

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

For example, if the content in it is 100px, then, the height of div should be 100 without scroll. But, if the height exceeds 250px, it should show scroll.

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

How can do it?

怎么办？

回答by Myles Gray

Is this what you are after?

这是你追求的吗？

Demo

演示

CSS:

CSS：

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

height:optional - just for the demo.

height:可选 - 仅用于演示。

回答by Mauro

try this: max-height should do the trick.

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

html

html

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

css:

css：

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

回答by TV-C-15

Use overflow-ywith the autooption. This way the scroll bar will not show up until it is needed. Otherwise the scroll bar will display, even if you do not need it to show.

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

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