溢出滚动隐藏在右侧的边际

Question

有一个内部div的外部div。内部div比外部div宽，外部div有溢出设置为滚动。内部div在左侧和右侧都有边距，但外部div的滚动停止，然后才能看到右侧的边距（左侧的边距可见）。你如何获得外部div的滚动来尊重内部div的整个宽度（包括边距）？

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

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

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

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

Answer 1

添加上#innerdisplay: inline-block会显示双方的利润。

JS Bin