css - 使主div容器固定高度

Question

我有一个包含多个 div block 的 div 容器 (mapInfo-Container)我希望容器固定高度 (250px)，div 容器可滚动用于超过此高度的所有内容。

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

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

我试过 overflow-y: scroll;但不起作用，我想我错过了什么。

你能帮帮我吗

谢谢

Answer 1

那是因为 .mapInfo-Container 包含 float 元素。要解决这个问题，请使用 clearfix 属性:

<div class="mapInfo-Container clearfix">

此外，使用 overflow-y: auto 而不是 overflow-y: scroll;。

这是一个 fiddle.