千锋前端浠浠呀老师HTML+CSS教程，零基础web前端开发入门必看视频

  浮动：就是让竖着排的元素横向排列

     一、语法：

      float:

       1、none:没有浮动（默认值）

       2、left:左浮动

       3、right:右浮动

     二、特性：

      谁要横着排，就给谁设置浮动，要浮动都浮动

      （只浮动某一个会产生遮盖的效果）

      (例如上面的要使box2和box3依次排到box1右边，就必须都要写float: left;如果只写了box2和box3，则box1保持在左上角不懂，box2在box1下面没动，只是让box3浮动在了box2右边)

      只要元素设置了浮动，就飘起来的，不占据空间(脱离文档流)

      (例如只给box1加上浮动，则box1飘起来，不占据空间，那box2就上到了box1的位置)

      （假如同时给box1和box2加上浮动，则box2在box1右边的位置，box3在box1下面，且box3里面的内容会被box1遮住）

      浮动元素一行放不下，就会自动换行