html - div タグの垂直スクロールが相対位置で機能しない

Question

このリンクを確認してください。各セクションに独立したスクロールバーを備えた2セクションのページを設計しています。ボディのスタイルを次のように設定しました

height:100%
overflow:hidden;

そしてセット

height:100%;
overflow:scroll

両方のdiv。しかし、スクロールバーが機能しません。レスポンシブ UI を使用しているため、位置を絶対または固定として設定できませんでした。絶対/固定を使用すると、ウィンドウのサイズを小さい解像度に変更すると問題が発生します。これらの要素の位置プロパティを変更せずにこれを解決するにはどうすればよいですか?

Answer 1

bodyとhtmlをに設定する必要がありますheight:100%。ここで簡単な例を参照してください: http://jsfiddle.net/bYXRT/

Answer 2

div の幅を px 単位で指定します

height:100px;
overflow:hidden;