float浮动问题

视频中的的文字没有随着父元素盒子上去哦，如下：

只有第一个盒子设置浮动之后，

这个地方是2和3重叠了，可以自己看一下，父元素盒子上去了，但是里面的文字是不会被遮盖住的，就在下面显示了。也可以这样看，当第二个盒子宽度比较大时，剩余部分可以显示文字的时候，

第二个盒子里面的内容会在能看见的地方显示，并不会被第一个盒子遮盖住。浮动会脱离文档流，“脱离文档流，也就是将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当做脱离文档流的元素不存在而进行定位。需要注意的是，使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围。自己可以再理解一下。

给你举个例子：

两个div，里面有文字，正常显示时，是这样：

但是当第一个浮动时，如下：

第二个div（黄色的）被第一个div（粉色的）遮盖住了，正常来说黄色里面的文字也应该被盖住，但是它显示在了黄色盒子外面，这就说明块级元素盒子会上移被遮盖住，但是它里面的文字是不会被遮盖的，会显示在其他地方。

这样就解释了上面你问的两个问题，自己可以再理解下，祝学习愉快~~