1. 有如下react组件：

import "./Home.scss";

class Home extends React.Component{
    render(){
        return (
            <div className="box clearfix">
                <div className="left">
                    <Echart style={{width: '100%', height: 300}} .../>
                </div>
                <div className="right">
                    <Echart style={{width: '100%', height: 300}} .../>
                </div>
            </div>
        );
    }
}

.left、.right各占50%，但是渲染时Echarts的宽度确是100%，如果我把样式写在行内，就不会有问题

//Home.scss
.box{
    .left, .right{
        width: '50%';
        float: left;
    }
}

所以感觉应该是渲染Echarts时样式并未加载进来，所以刚开始left和right宽度都是100%，这个改怎么解决？