flex布局中设置了flex-basic但是被内容撑大了，为什么？

Question

flex布局中flex-basic设置为60%，并且flex-grow为0，但是会被内容撑大，为什么？

看下面这个例子：
https://codepen.io/Justable/pen/WNwrqdv?editors=1100

Answer 1

因为计算方式不一样，设置 min-width（min-height）:0 .