使元素分开文档流，按照指定方向（旁边）发生移动，

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

文档流

html浮动代码网站前端新手必学CSS代码之浮动代码 NoSQL

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

分开文档流：在页面中不占位置

浮动的一样平常情形

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

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

无浮动

向左浮动

向右浮动

浮动的分外情形

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

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

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

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

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

动框阁下的行框被缩短，从而给浮动框留出空间，行框环绕浮动框。
因此，创建浮动框可以使文本环绕图像

好了这期就到这里，假如以为还行那就关注我吧，我会送出一套网站前真个根本视频，须要的可以找我哟

末了假如有什么不对的地方欢迎大神在评论区留言吐槽。