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%，如果我把樣式寫在行內(nèi)，就不會有問題

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

所以感覺應(yīng)該是渲染Echarts時樣式并未加載進(jìn)來，所以剛開始left和right寬度都是100%，這個改怎么解決？