溢出滚动隐藏右侧边距

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

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

JS Bin