滚动条从父 div 底部出来

Question

当我将 padding:10px 应用于高度为 100% 且父高度为 200px 的子 div 时，当内容超过高度的 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/