带滚动条的Div位于带溢出的Div内:隐藏

Div with scrollbar inside div with overflow:hidden

本文关键字：Div 隐藏 溢出 滚动条 于带      更新时间：2023-09-26

所以基本上我有一个带height:400px的div，里面有一个动态高度的div，我想做的是，如果主div里面的div高度超过400px，那么它应该有一个滚动条，这样我就可以滚动到它的底部。我可以用css做这件事吗？或者我需要javascript？

您需要使用

overflow-y:auto

使用父div容器。

Js Fiddle演示

试试这一行：

overflow-x:hidden;

这样做的唯一好理由是，如果您无法修改带有溢出的div：隐藏并且需要根据内容调整大小的背景色/边框。

HTML

<div class="d1">
    <div class="d2">
          <div class="d3"> D3 will resize with content</div>
    </div>
</div>

CSS

.d1{height:400px; overflow:hidden}
.d2{height:400px; overflow:auto; }
.d3{background-color:#F00;}

只需使用这个：

#container
{
    height: 400px;
    overflow-y: scroll;
}
.dynamic-height
{
    height: auto;
}

jsfiddle

相关文章：