在标准流中，一个块级元素在水平方向会自动伸展，直到包含它的元素的边界；而在竖直方向和兄弟元素依次排列，不能并排。
CSS中有一个float属性，如果将float属性的值设置为left或right，元素就会向其父元素的左侧和右侧靠紧，同时默认情况下，盒子的宽度不再伸展，而是收缩，根据盒子里面的内容的宽度来确定。
下面介绍几种浮动的关系：
1、设置第1个浮动的DIV
设置float：left的盒子脱离了标准流，以后的盒子会以父级盒子为边缘，如果是文字会围绕着第1个盒子绕排。
2、设置第1、2个浮动的DIV
前两个盒子脱离了标准流，其间的空白填DIV2的颜色距离由二者的margin相加构成，以后的盒子还以是父级盒子为边缘，如果是文字会围绕着第1个盒子绕排。
3、改变浮动方向
4、clear:left属性
clear属性可使后面的标准流中的盒子不再受影响，它的作用就是为了消除浮动的盒子对其他盒子的影响。
clear属性除了可以设置为left或right之外，还可以设置为both，表示同时消除左右两边的影响。
clear属性要放在文字所在的盒子里，比如p样式里。
5、盒子的高度
一个div的范围是由它里面的标准流内容决定的，与里面的浮动内容无关。
|
