浮动的原始定义：实现文字环绕图片的效果。除此之外，别无他法。查看演示什么是浮动？float在css中是通过float属性定义的：float:left|对|无|内联启动|inline,block->blocktable-*->blockinline-table,table->tableflex,inline-flex->值保持不变，但是float对此类元素不起作用其他值保持不变当一个元素被浮动时，它将移出正常的文档流，然后向左或向右平移，平移直到碰到它所在容器的边框，或者碰到另一个浮动元素。浮动元素不属于文档中的正常流动，属于浮动布局。（CSS中的三种基本定位机制：普通流、浮动和绝对定位）浮动元素不会影响普通流的块级元素的布局（就好像浮动元素不存在一样），只会影响内联元素（比如:文字换行)，如下图2所示。当浮动元素的高度超过父元素时，父元素不会自动展开关闭浮动元素（高度塌陷现象）。顾名思义，漂浮就是漂浮在普通的水流之上，像浮云一样，但只能左右漂浮。
