echarts实现多张图在一个页面 并自适应屏幕大小

按F12后页面布局乱了。下面为html代码
一个div 对应一张图用id来定位，一个scrip对应对一个图的渲染。设置百分比宽度，利用左浮动。代码省略了5个scrip，只用一个为例
自适应代码为：（html代码末尾）后端语言为python

    <script>
    window.onresize = function(){
   
    fiveChart.resize();
    fourChart.resize();
    threeChart.resize();
    firstChart.resize();
    secondChart.resize();
    sixChart.resize();
}
    </script> 

HTML代码

 <div id="second" style="width: 35%;height:400px;float:left;"></div>
 <div id="six"   style