为什么Highcharts div / chart延伸超过父div？

Question

我大致有以下标记：

<div id="container">
    <p>Title</p>
    <div id="chart1"></div>
    <p>Title 2</p>
    <div id="chart2"></div>
</div>
<p>Some footer text</p>

我将Highcharts呈现给两个图表＆＃39; divs由于某种原因，chart2超出了容器的范围，我无法弄清楚原因。

这是一个示例http://jsfiddle.net/9udgz5pp/ - 请原谅图表的巨大配置，我只是简单地导出了＃39;来自浏览器控制台的渲染设置，因为图表通常是用javascript构建的，而且我没有精确/干净的标记来粘贴到jsfiddle。

提前致谢。

Answer 1

您需要更改.view类值

.views {
    background-color: red;
    /*height: 320px;*/
    /*padding-left: 40px;*/
    padding: 10px 35px;
    position: static;
    text-align: center;
    width: 380px;
}

希望它会对你有所帮助。