左浮动就是设置了浮动样式的元素飘到了屏幕左侧，飘是表示元素脱流了。右浮动同理。
值得一提的是浮动元素的父元素是没有高度的，需要做一些清除浮动的设置。比如给父元素加个高，或者设置overflow: hidden，当然最理想的是伪元素清除浮动。
float基本特性
初始值： none 适用于： 所有元素，除了定位元素（but positioned elements and generated content ）
继承性： 无 百分比： N/A
媒体： visual 版本： CSS1
兼容性： IE4+ NS4+
基本语法
float : none | left | right
语法取值
none : 默认值。对象不飘浮
left : 文本流向对象的右边
right : 文本流向对象的左边
使用说明
该属性的值指出了对象是否及如何浮动。请参阅 clear 属性。当该属性不等于 none 引起对象浮动时，对象将被视作块对象( block-level )，即 display 属性等于 block 。也就是说，浮动对象的 display 属性将被忽略。跟随浮动对象的对象将移动到浮动对象的位置。浮动对象会向左或向右移动直到遇到边框( border 、内补丁( padding 、外补丁( margin 或者另一个块对象( block-level )为止。在IE5+中， div 和 span 对象假如没有指定宽度会被分配默认的宽度，而在此前的浏览器版本中则必须指定宽度值才可以呈递此属性。此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。对应的脚本特性为 styleFloat 。
代码示例 :
div { float: right }
