css - オーバーフロー非表示内のオーバーフロー コンテンツの自動?

Question

と の div がheight in %ありoverflow: hidden;ます。コンテンツが大きい場合、div 内でoverflow: autoスクロールが表示されません。

私がしたいことは可能ですか？

ライブ: http://indorio.ru/inside-box.html (高さ % の #overlay-box fluid)

Answer 1

オーバーフローには高さを指定する必要があります。それ以外の場合、要素はそのコンテンツをラップします。状況に応じて、高さを 100% に指定できます。

#outer {
  height: 400px;
  padding: 10px;
  background: red;
}
#inner {
  height: 75%;
  padding: 10px;
  background: blue;
}
#scroll {
  overflow: auto;
  height: 100%;
  background: green;
}
#content {
  height:400px;
}

http://jsfiddle.net/3xe7k/