html - css代码删除不必要的空白

Question

当水平滚动默认保持从右手边到左手边时，我注意到左手边有一个空白要被删除。问题是从右向左滚动时无法删除左侧显示的空白区域。任何建议都会有所帮助。

演示链接: http://jsfiddle.net/3xa69njt/

      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Year', 'Adult', 'Child','Infant', 'Senior'],
          ['2004',  11,      14, 2, 9],
          ['2005',  12,      14, 2, 9],
          ['2004',  13,      14, 2, 9],
          ['2005',  14,      14, 2, 9],
          ['2004',  15,      14, 2, 9],
          ['2005',  11,      14, 2, 9],
          ['2004',  12,      14, 2, 9],
          ['2005',  13,      14, 2, 9],
          ['2004',  14,      14, 2, 9],
          ['2005',  15,      14, 2, 9],
          ['2004',  11,      14, 2, 9],
          ['2005',  12,      14, 2, 9],
          ['2004',  13,      14, 2, 9],
          ['2005',  14,      14, 2, 9],
          ['2004',  15,      14, 2, 9],
          ['2005',  11,      14, 2, 9],
          ['2004',  12,      14, 2, 9],
          ['2005',  13,      14, 2, 9],
          ['2004',  14,      14, 2, 9],
          ['2005',  15,      14, 2, 9],
          ['2004',  11,      14, 2, 9],
          ['2005',  12,      14, 2, 9],
          ['2004',  13,      14, 2, 9],
          ['2005',  14,      14, 2, 9]
        
          
        ]);

        var options = {            
          title: 'Company Performance',
          hAxis: {title: 'Year', titleTextStyle: {color: 'red'}},
          width: data.getNumberOfRows() * 130,
          bar: {groupWidth: 90},
          chartArea: {left:60, width:'94%'} 
        };

        var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
        chart.draw(data, options);
      }

#chart_div {
 overflow-x: auto; 
 overflow-y: hidden;     
  direction:rtl;
height:500px;
        
}

 <script type="text/javascript" src="https://www.google.com/jsapi"></script>
 <div id="chart_div"></div>

尝试使用 margin-left : 0px;left:0px; 但没有成功。

--编辑--如前所述，我希望滚动条从右向左滚动，这就是使用 direction:rtl 的原因。

Answer 1

使用display:inline-block; 会去掉空格

像下面一样

#chart_div {
overflow-x: auto; 
overflow-y: hidden;     
direction:rtl;
height:500px;
display:inline-block;       
}

Working fiddle