float相关

• float最初是为了处理文字环绕的问题
• float的两个特点：包裹（元素block块状化，砖头化）与破坏（破坏性造成的紧密排列特性，去空格化）
• BFC：块级格式化上下文
• 清除浮动造成影响的几个办法：
  1.脚底插入换一个clear:both的div（冗余）
  2.父元素after增加clear:both（IE6IE7不支持）
  3.父元素BFC
  4.推荐方法：
  .clearfix:after{content:'',display:block;height:0;overflow:hidden;clear:both;}clearfix{zoom:1}
  或者.clearfix:after{content:'';display:table;clear:both;}clearfix{zoom:1}
• 尽量少使用clearfix，而是只在浮动元素的父元素上使用，因为会在ie6/7上出现一些不可预料的问题。
• 浮动的应用：
  1. 单侧固定布局（定宽）：单侧width+float，不固定侧padding-left/margin-left
  2. 单侧固定布局（不定宽）：
• ps：尽量少使用float