文字环绕的原因：生成BFC元素的子元素中，每一个子元素的外边距和包含块的左边界相接触， （对于从右到左的格式化，右外边距和右边界相接触）， 除非这个子元素也创建了一个新的BFC（如它自身也是一个浮动元素）。

通过给p元素添加 overflow: hidden这个方法创建新的BFC解决了文字环绕在浮动元素周围的问题。