浮动布局

    浮动：
    1.浮动是布局的一种方式：也是元素脱离文档流的方式
    2.浮动  float
    3.浮动范围：只能在父容器内部浮动，不能超出父容器
    4.浮动后，相邻兄弟元素，均浮动，浮动后，会占据一个浮动位置

 <div id="wraper" class="clearFix">
     <div class="box one"></div>
     <div class="box two"></div>
     <div class="box three"></div>
     <div class="box four"></div>
     <!-- <div class="clear"></div> -->
 </div>