浮动的定义

float:left;(向左浮动) float:right;（向右浮动）

使元素脱离文档流，按照指定方向（左右）发生移动，

遇到父级边界或者者相邻的浮动元素停了下来。

文档流

是文档中可显示对象在排列时所占用的位置/空间(在页面中占位置)

脱离文档流：在页面中不占位置

浮动的一般情况

当把框 1 向右浮动时，它脱离文档流并且向右移动，

直到它的右边缘碰到包含框的右边缘

无浮动

向左浮动

向右浮动

浮动的特殊情况

当框 1 向左浮动时，框1不占空间，相当于悬浮，

框1覆盖住了框 2，使框 2 从视图中消失。

给了浮动的元素，只会影响后面的元素；(任何元素都可以浮动)

假如父级宽度太窄，无法容纳所有的浮动元素，无法容纳的浮动元素会往下掉

假如浮动元素的高度不同，那么当它们向下移动时可能被其它浮动元素“卡住”

动框旁边的行框被缩短，从而给浮动框留出空间，行框围绕浮动框。因而，创立浮动框可以使文本围绕图像

好了这期就到这里，要是觉得还行那就关注我吧，我会送出一套网站前台的基础视频，需要的可以找我哟

最后要是有什么不对的地方欢迎大神在评论区留言吐槽。