flex布局中 flex:1与宽度百分比的问题

如图正常所示，父元素 display: flex;换行，子元素宽度百分比布局

 
当给子元素 li 标签添加 flex:1;   时，

会出现这种状况，flex:1;  属性并不是覆盖 width:25%;
而是flex:1;  会优先执行，