当我们给父容器设置 flex 属性后，flex 容器会在容器内创建一个新的 flex 格式化上下文(formatting context)。在这上下文中 float、 clear 将失去作用，vertical-align 对于 flex 元素也不再会起作用。

比如常见的垂直居中，刚接触 css 的朋友看到 vertical-align: middle; 这个属性可能就会认为它就是用于垂直居中的，但实际上并没有那么简单。如果想要通过该属性来实现垂直居中，还需要其他小伙伴配合。