css 当高度不固定时，在一定高度后如何显示滚动？

ijnw1ujt 于 2023-03-20 发布在其他

关注(0)|答案(5)|浏览(312)

我有一个具有以下样式的div：高度：250 px;滚动：自动;。我希望它在250像素后滚动，但应该根据它的内容高度。
例如，如果其中的内容是100 px，那么，div的高度应该是100而不滚动，但是，如果高度超过250 px，它应该显示滚动。
怎么可能呢？

5条答案

这就是你要找的吗？

**一个

CSS：

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

height:可选-仅用于演示。

试试这个：max-height应该可以解决这个问题。
超文本标记语言

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

CSS：

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

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

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

只尝试最大高度和做溢出y：滚动它

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

对于那些尝试使用Bootstrap 5**创建可滚动<table>**的用户：

已接受的答案在其上（或内部）无效。

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

必须将类添加到周围的div元素中，如下所示

<div class="dyn-height">
  <table>
    ...
  </table>
</div>