第七章 浮动与定位

1、元素的浮动属性float：指设置了浮动属性的元素会脱离标准文档流的控制，移动到其父元素中相应的位置的过程。

     属性值：left     right     none

    （如设置左浮动的box1漂浮到box2的左侧，也就是说box1不再受文档流控制，出现在一个新的层次上。）

2、由于浮动元素不再占用原文档流中的位置，所以会对页面中其他元素的排版产生影响。如果要避免这种影响，就需要对元素清除浮动。

     clear ：避免左右浮动对元素的影响。

     overflow  ：对子元素设置浮动时，如果不对其父元素定义高度，则子元素的浮动会对父元素产生影响。没有设置高度的父元素变成了一条直线，父元素不能自适应子元素的高度。应以父元素为设置对象，应用“overflow:hidden;”样式。

      after ： 伪对象。必须为需要浮动的元素伪对象设置“height:0;”样式，否则该元素会比其实际高度高出若干像素。在伪对象中设置content属性，属性可以为空，“content:0;”  如（.father:after{ display:block;    clear:both;  content:"";  height:0;  visibility:hidden;  }&