CSS-浮动

网页布局的本质——用CSS来摆放盒子，把盒子摆放到相应的位置，CSS提供了三种传统布局方式（简单的说，就是盒子如何进行排列顺序）：普通流、浮动、定位。
1、普通流（标准流、文档流）：标签按照规定好默认方式排列
（1）块级元素会独占一行，从上到下的顺序（div hr h1~h6 ul ol form table）
（2）行内元素会按照顺序、从左到右顺序排列，碰到父元素边缘则自动换行（span a i em）
标准流式最基本的布局方式
2、浮动
为什么需要浮动？——浮动可以让多个块级元素一行内排列显示，多个块级元素纵向排列找标准流，多个块级元素横向排列找浮动。
什么是浮动？——float：none（元素不浮动）| left（元素向左浮动）| right（元素向右浮动）
浮动的特性：
（1）脱离标准普通流的控制移动到指定位置（俗称脱标）
（2）浮动的盒子不再保留原先的位置
（3）如果多个盒子都设置了浮动，则他们会按照属性值一行内显示并且顶端对齐排列
（4）浮动的元素时互相贴靠在一起的（不会有缝隙），如果父级元素装不下这些浮动的盒子，多出的盒子会另起一行对齐
（5）浮动元素会具有行内块元素特性：任何元素都可以浮动，不管原先是什么模式的元素，添加浮动之后具有行内元素相似的特性