Question

从这个简单的代码集http://codepen.io/anon/pen/Mazjyv中可以看出，有一个按钮，它是flex-basis 0%的灵活项目。

在其他浏览器中，内容不会溢出按钮容器，但是在IE11上却没有。

有什么理由呢？

Answer 1

问题在于这个规则：

button
{
    flex: 0 0 0%;
}

您告诉button：不成长，不缩小，您的初始主要尺寸为0

改为使用：

button
{
    flex: 1 0 0%;
}

另外，顺便说一句，文字溢出也发生在Chrome 46中。