给你讲讲前台页面布局中float的那些事

写页面布局的过程中，浮动是大家经常用的属性。在好多的排版布局中都是用的的浮动比方说下面这些地方都是应用到了浮动。

在我学习浮动的时候可是熬坏了脑筋，在这里我分享一下我对浮动这块知识的总结。

一、浮动的定义

使元素脱离文档流，按照指定的方向（左或者右发生移动），直到它的外边缘碰到包含框或者另一个浮动框的边框为止。

说到脱离文档流要说一下什么是文档流，文档流是是文档中可显示对象在排列时所占用的位置/空间，而脱离文档流就是在页面中不占位置了。

二、属性

float：left； 左浮动

float：right；右浮动

三、浮动的情况

下面我就用这个布局为例子来讲解浮动，css样式外面的div给了一个高度，其余的不多说。