как настроить внешнюю <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%;" ,

также установите "overflow: hidden;" , чтобы установить, что <div class="item"></div> может адаптироваться к внешнему.

Когда высота браузера уменьшается или складывается, в браузере не должна появляться полоса прокрутки, прокрутка всегда может отображаться в <div class="wrapper">

но это не могло быть достигнуто, Вот мой случай

как решить проблему?

спасибо:)

Answer 1

Может быть что-то вроде этого http://jsfiddle.net/g536q/?

Answer 2

Пожалуйста, измените

overflow:hidden;

на

overflow:auto;