html - 为什么 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 呈现给两个“图表”div，由于某种原因，chart2 超出了容器的范围，我不知道为什么。

这是一个示例 http://jsfiddle.net/9udgz5pp/ - 请原谅图表的巨大配置困惑，我只是从浏览器控制台“导出”呈现的设置，因为图表通常是用 javascript 构建的，我没有准确/干净的标记可以粘贴到 jsfiddle 中。

提前致谢。

Answer 1

你需要改变.view类的值

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

希望对你有帮助。