float 高度自适应

使用float之后，高度无法自适应，

解决方法(1) 单独加一个clear:both的div放在最后一个float之后，如图

//方法1
  <div class="parent" style="background:#ccc;min-height: 20px;">
      <div style="float:left;width:50%;">1111</div>
      <div style="float:left;width:50%;">222</div>
      <div style="float:left;width:50%;">last</div>
      <div style="clear:both"></div>
    </div>

没有clear的.png 有clear的.png

解决方法2： 给父组件添加overflow:hidden属性

//方法2
<div class="parent" style="background:#ccc;min-height: 20px;overflow: hidden;">
      <div style="float:left;width:50%;">1111</div>
      <div style="float:left;width:50%;">222</div>
      <div style="float:left;width:50%;">last</div>
    </div>