浮动与浮动清除

盒子的三种定位形式：
1.在标准流下的定位；
2.在浮动属性 下的定位；
3.在定位属性下的定位；
4.除非设置浮动属性或定位属性，否则所有盒子都是在标准流中定位。顾名思义，标准流中元素盒子的位置由元素在HTML中的位置决定。
盒子的浮动
1.在标准流中，块级元素的盒子都是上下排列，行内元素的盒子都是左右排列，如果仅仅按照标准流的方式进行排列，就只有这几种可能性，限制太大。CSS的制定者也想到了这样排列限制的问题，因此又给出了浮动和定位方式进行盒子的排列，从而使排版的灵活性大大提高。
2.在标准流中，一个块级元素在水平方向会自动伸展，在它的父元素中占满整个一行;而在竖直方向和其他元素依次排列，不能并排，如图所示。使用“浮动”方式后，这种排列方式就会发生改变。
3.CSS中有一个float属性，默认值为none，也就是标准流通常的情况，如果将float属性的值设为left或right，元素就会向其父元素的左侧或右侧靠近，同时，盒子的宽度不再伸展，而是收缩，在没设置宽度时，会根据盒子里面的内容来确定宽度。
浮动的清除：
1.clear是清除浮动属性 ，它的取值有left、right、both和none，如果设置盒子的清除浮动属性clear值为left或right，表示该盒子的左边或右边不允许有浮动的对象。值设置为both则表示两边都不允许有浮动对象，因此该盒子将会在浏览器中另起一行显示。