浮动对我来说，一直都很神奇。
特别不老实，一会儿跑上来，一会儿跑下去的。
float:left;左浮动
float:right;右浮动
float:none;不浮动#注意！1.做水平布局时，所有元素都需要设定浮动（一般出现在header中，又有logo又有nav的）2.元素设定浮动时，本身不占位了，需要给父级盒子固定高度（后期解决方案：需要清楚浮动），这样下面的元素不会往上跑（暂时）3.拥有浮动元素的宽度之和不可大于父级盒子，否则最后一个会被挤下来4.盒子加上浮动后，宽度从100%变成了自适应（比如有多少字就显示多少宽）
原文：http://www.cnblogs.com/shenyanran/p/6102449.html