如何设置外部<div>适应浏览器，并在其中的div适应外部？</div>

Question

首先是我的html演示代码

<div class="wrapper">
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>                                 
    </div>

我设置外部<div class="wrapper">适应浏览器的css属性“height：100％;”，

同时设置“溢出：隐藏;”以设置<div class="item"></div>可以适应外部。

当浏览器高度降低或折叠时，滚动条不会显示浏览器，滚动始终显示在<div class="wrapper">

但无法实现，Here is my case

如何解决问题？

谢谢你：）

Answer 1

可能是这样的http://jsfiddle.net/g536q/？

Answer 2

请更改

overflow:hidden;

到

overflow:auto;