Div与滚动条里面div与溢出：隐藏

Question

所以基本上我有这个div与height:400px和里面我有一个动态高度的div，我想要做的是如果主div的div高度超过400px然后它应该有一个滚动条，所以我可以滚动到它的底部。我可以在CSS中做到这一点，或者我需要JavaScript？

Answer 1

您需要使用

overflow-y:auto 

与你的父母的div容器。

Js Fiddle Demo

Answer 2

尝试这一行：

overflow-x:hidden; 

Answer 3

唯一的好理由这样做是如果你不能修改与溢出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