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