浮动

1.浮动元素不会影响其后面的流内的块级盒子

2.但是浮动元素后面的行级盒子会变短，以避开浮动元素

3.clear

指定元素哪一边不能与之前的浮动框相邻

取值：left,right,both,

4.清楚浮动的影响

.clearfix:before/:after{

               content:"";

               display:block;

               clear:both;

               height:0;

               overflow:hidden;

}

具体看使用场景

5.块级格式化上下文（BFC）的特性

BFC的浮动不会影响到BFC外部的元素

BFC的高度会包含其内的浮动元素

BFC不会和浮动元素重叠

BFC可通过overflow:hidden来创建

应用：两栏布局或图文布局

左侧：float：left;

右侧：overflow:hidden;padding-left:**px;