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

Css 在一定高度但不应固定高度后如何显示滚动?,css,html,scroll,Css,Html,Scroll,我有一个有以下风格的div:height:250px;滚动:自动;。我想它滚动后,250像素,但应该有高度根据它的内容 例如,如果其中的内容为100px,则div的高度应为100,而不带滚动。但是,如果高度超过250px,则应显示滚动 如何做到这一点?试试这个:最大高度应该可以做到 html 这就是你想要的吗 CSS: 高度:可选-仅用于演示。使用带有自动选项的溢出-y。 这样,滚动条在需要时才会显示。 否则,滚动条将显示,即使您不需要它显示 .my_div { width:

我有一个有以下风格的div:height:250px;滚动:自动;。我想它滚动后,250像素,但应该有高度根据它的内容

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


如何做到这一点?

试试这个:最大高度应该可以做到

html


这就是你想要的吗

CSS:


高度:
可选-仅用于演示。

使用带有
自动
选项的
溢出-y
。 这样,滚动条在需要时才会显示。 否则,滚动条将显示,即使您不需要它显示

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

只需尝试“最大高度”并执行overflow-y:滚动即可

。隐藏{
宽度:100px;
最大高度:250px;
溢出y:滚动;
}

如果此div中的内容超过250px,则应显示一个滚动条

我希望小内容具有小高度,这样一行的高度就不会达到250px。但是,也希望滚动显示在250px之后。希望它有意义!!!现在看到这个问题的任何人都应该转到,因为这是一个跨浏览器的好答案,适用于所有主流浏览器。当这不起作用时,调整
行高
会有所帮助。我尝试根据设备大小设置高度。是否有其他机会以%固定最大高度
.height { max-height:250px; border:1px solid red; overflow:auto; }
.dyn-height {
    width:100px;
    max-height:250px;
    overflow-y:scroll;
}
 .my_div {
        width:100px;
        max-height:250px;
        overflow-y:auto;
    }