flex-basis和width的优先级

在美团面试的时候被问到了这个问题。之前看flex的没注意到，问到后特别去写了下做了个对比。第一次写有不对的地方请指正！！ 首先flex-basis本身可以看作width，

 .a {
            width: 100vw;
            display: flex;
            height: 100vh;
            .c {
                background-color: yellow;
                flex-basis: 500px;
            }
        }
 <div class="a">
        <div class="c"></div>
    </div>

效果展示图

500px。 当你给c加入width：300px的时候还是500px展示，由此可见flex-basis优先高于width。