css:About Float

* float:left|right|none|inherit *

• 浮动元素宽度默认宽度为内容宽度
• 脱离文档流
• 向指定方向一直移动
• float的元素在同一文档流

• float元素半脱离文档流
  说明：对元素，脱离文档流；对内容，在文档流。
  eg.

  
  屏幕快照 2016-07-21 下午7.33.30.png

clear清除浮动

• clear:both|left|right|none|inherit
• 应用于后续元素

• 应用于块级元素
  使用方式：
  - 空白元素

  
  屏幕快照 2016-07-21 下午8.04.24.png
  

  - clearfix
  在浮动元素的父元素上使用clearfix清除浮动

屏幕快照 2016-07-21 下午8.06.10.png

两列布局

屏幕快照 2016-07-21 下午8.32.57.png