Question

这是我的HTML和JS。我已尝试在bottomWrapper和topList上添加填充，但出于某种原因，似乎两者都不适用于padding-right。其他风格似乎很好。什么都没有浮动或我所知道的任何事情。有任何想法吗？这是一个适用于Android的WebView，但在这种情况下无关紧要，当我在浏览器中呈现此代码时，我会得到相同的行为。

<html>
<head>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawVisualization);

function drawVisualization() {
  // Some raw data (not necessarily accurate)
  var data = google.visualization.arrayToDataTable([
    ['Month', 'Bolivia', 'Ecuador', 'Madagascar', 'Papua New Guinea', 'Rwanda', 'Average'],
    ['2004/05',  165,      938,         522,             998,           450,      614.6],
    ['2005/06',  135,      1120,        599,             1268,          288,      682],
    ['2006/07',  157,      1167,        587,             807,           397,      623]
  ]);

  var options = {
   // title : 'Top Texters',
    legendTextStyle: { color: 'white' },
  //  titleTextStyle: { color: 'white' },
    vAxis: {
        title: "Points",
        titleTextStyle: { color: 'white' },
        textStyle:
           {color: 'white'},
    },
    hAxis: {
        title: "Month",
        titleTextStyle: { color: 'white' },
        textStyle:
            {color: 'white'},
    },
    seriesType: "bars",
    series: {5: {type: "line"}},
    backgroundColor: { fill:'transparent' }
  };

  var chart = new google.visualization.ComboChart(document.getElementById('chart_div'));
  chart.draw(data, options);
}
    </script>
</head>

<body style="background-color:#02071D;">

<div id="topWrapper" style="width:100%;">
    <h1 style="color: white; padding-left: 22px; margin-bottom: -28px;">Top Texters</h1>
    <div id="chart_div" style="width: 80%; height: 350px;margin:0 auto;"></div>
</div>
<div id="bottomWrapper" style="width:100%">
    <div id="topList" style="width:100%;height:200px;background-color:#FFFFFF;padding:15px;"></div>
</div>
</body>
</html>

Answer 1

div从浏览器窗口中删除。只需给div填充一个box-sizing：border-box;一切都很好！

Padding-right没有效果，请帮忙吗？

1 个答案: