溢出滾動隱藏在右側的邊際

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