问题出在Chrome和Firefox上。
滚动容器是一个内嵌块，包含非固定width和max-height overflow:auto。
当内部.content div具有padding时，滚动条会在右侧填充区域上方显示。但是，当我设置overflow-y:scroll时，滚动条会在正确的位置显示，并且.scroll div的宽度会增加。
请参阅JSFiddle example中的复制。
如何解决？
body {
background: #fff;
}
.scroll {
display: inline-block;
background: #f99;
max-height: 200px;
overflow: auto;
}
.content {
padding: 20px;
}
在Opera 12和IE 9+中都可以
