使主要的容器固定高度

Question

我有一個div容器（mapInfo容器）包含幾個div塊 ，我希望容器是固定高度（250px），div容器可滾動超過此高度的一切。

http://jsfiddle.net/dtjmsy/mxt32057/11/

.mapInfo-Container { 
    height: 250px; 
    //overflow-y: scroll; 
    } 

我試圖溢出-γ：滾動;但沒有工作，我想我錯過了什麼。

你能幫我

感謝

Answer 1

這是因爲.mapInfo-Container包含浮動元素。爲了打擊使用該clearfix屬性：

<div class="mapInfo-Container clearfix"> 

此外，使用overflow-y: auto代替overflow-y: scroll;。

這裏有一個fiddle.

Answer 2

它的工作。你的小提琴中的問題是用於.mapInfo-Block的css。在.mapInfo容器

.mapInfo-Block { 
    background-color: yellow; 
    height: 100px; 
    border: solid px; 
} 

您也可以刪除DIV＃地圖信息，並取消你的其他的CSS規則：刪除寬度和浮得到這個

.mapInfo-Container { 
    background-color: blue; 
    width: 22%; 
    float: left; 
    height: 250px; 
    overflow-y: scroll; 
} 

http://jsfiddle.net/mxt32057/19/

Answer 3

附加溢出-Y：滾動到MapInfo的容器類

和

爲pin_0，pin_1和pin_2 div的 添加一個比設置寬度更多的類：auto。