float的元素脱离了文档流，但是没有脱离文本流,字体是认同浮动元素所占据的区域的。

作者：weibo_哆啦A梦有大口袋_0
链接：https://www.imooc.com/article/8915
来源：慕课网

第一个元素浮动之后，会让它脱离文档流，也就是说当它后面还有元素时，其他元素会无视它所占据了的区域，直接在它下面布局。所以第二个元素作为块级元素独占了一行，在它下面布局了。而上一节课是文字，文字会认同浮动元素所占据的区域，围绕它布局，也就是没有脱离文本流。

因为div是块级元素独占一行吧

<!--当元素没有设置宽度值，而设置了浮动属性，元素的宽度随内容的变化而变化-->

<!--当元素属性设置浮动性后，会对相邻的元素造成影响，相邻元素特指紧邻后边的元素-->

体会一下上一节老师说过的这两句话，本节的情况是，包裹left  和 right两个div的wrap设置了宽度。你再自己思考一下