css - 親divから一番下に出るスクロールバー

Question

高さ100%、親の高さ200pxの子divにpadding:10pxを適用すると、コンテンツが高さ200pxを超えるとスクロールバーの下がはみ出してしまいます。パディングを削除すると、うまくいきます。パディングを削除してdiv内に追加せずに、どうすれば問題を解決できますか?

http://jsfiddle.net/H2d77/

Answer 1

overflow:auto;に与える.wrapper

.wrapper{height:200px;width:300px; overflow:auto; border:1px solid red;margin:10px}

.innerDiv{height:100%;padding:10px}

デモ: http://jsfiddle.net/H2d77/4/