echarts的大小超过了给定dom的大小是为啥？

Question

在做图表的时候给定一个div 24%的width 大概是240px，但是echarts加载之后就超过了这个宽，成300px了。
width只能设置了比300大，才会有效果，比300小就没有效果，这是为什么啊！<div style="width:1000px">
<div>
<div style="border:1px solid #f0f0f0;width:240px;">
<div style="height:50px;float:left">
<img class="img" src="../../../resources/images/type.png"/>
</div>
<span class="font" style="color:#777">标题</span>
</div>
                                //加载echarts的dom
<div id="echarts" style="width:240px;height:200px;border:1px solid #f0f0f0"></div>
</div>
                  </div>

Answer 1

echarts并没有这个问题，你再检查下你的代码

Answer 2

我现在是ie11,把本地添加到兼容性视图里面,开了F12显示就正常，宽是我自己设置的宽，但是不开就不正常

Answer 3

加载完成执行一次resize事件