div内有div的滚动条，溢出：隐藏

Question

所以基本上我有height:400px这个div，里面我有一个动态高度的div，我想要做的是主div中的div超过400px高度然后它应该有一个滚动条，所以我可以滚动到它的底部。我可以在CSS中执行此操作，还是需要javascript？

Answer 1

您需要使用

overflow-y:auto

使用您的父div容器。

Js Fiddle Demo

Answer 2

试试这一行：

overflow-x:hidden;

Answer 3

执行此操作的唯一理由是，如果您无法使用overflow：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;}

Answer 4

只需使用：

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

jsfiddle