浮動

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;