CSS使用float后vertical-align失效

先对float进行解释：

float CSS属性指定一个元素应沿其容器的左侧或右侧放置，允许文本和内联元素环绕它。该元素从网页的正常流动中移除，尽管仍然保持部分的流动性（与绝对定位相反）。

百度结果上说，是因为使用float后，元素从网页正常流动中移除，脱离文档流，触发BFC，元素的布局就不会受环境影响了。