溢出滚动隐藏右侧的边距

Question

有一个外部 div 和一个内部 div。内部 div 比外部 div 宽，并且外部 div 已将溢出设置为滚动。内层 div 左右两边都有边距，但是外层 div 的滚动在你看到右边的边距之前就停止了（左边的边距是可见的）。如何让外部 div 的滚动尊重内部 div 的整个宽度（包括边距）？

#outer, #inner {
	height: 200px;
}

#outer {
	width: 400px;
	overflow: scroll;
	border: 2px solid red;
}

#inner {
	width: 800px;
	margin: 0 20px;
	background-color: blue;
}

<div id="outer">
	<div id="inner">
	</div>
</div>

Answer 1

在#inner 上添加display: inline-block 将在两边显示边距。

JS Bin