参考下
http://www.w3school.com.cn/css/pr_class_float.asp
要想搞清浮动这个问题，得先搞清html元素的两种状态，
块元素，或内联元素。
1. 块元素有物理属性，会占据一行，能设置宽高等特性，多个块元素会分行显示。
块元素代表人物：div,p等
2. 而内联元素没有物理属性，不会占据一行，多个内联元素会并排显示，
内联元素的代表人物：span,em,b,i等。
3. 有时候的需求就是，想让某个元素并排显示，并且具有可设置的物理属性，这时候就需要float出场。因为html是表结构，他不负责表现层面的东西，这时候需要一个css属性来解决这样的一个问题，float应用而生。
简单的解释就是： 他是让块元素对外呈现内联元素的特性，对内呈现块元素的特性。
这句话是不是跟display:inline-block的意思，一样呢，其实就是这样。但display:inline-block的兼容性不怎么好，在ie6下面会有间距产生，所以float用的比较多一点。
4. float并不是没有坏处，float之后，会对以后的兄弟元素产生影响，所以要必须css清除一下，才使兄弟元素正常显示。
扩展阅读：
From: http://www.planabc.net/2007/03/11/display_inline-block/
非常感谢楼上的精彩回答！
感谢！
非常感谢楼上的精彩回答！
感谢！
不客气，差不多就结贴吧。
便于管理容器和类
比如很多网站的，在线客服都是这样做的，漂浮在网站的固定位置，方便用户使用啊！
你可以看看： http://www.bacysoft.cn/thread-76-1-1.html
是你说的那种效果么？
路过看高手
下载本文