CSS清除浮动的六种方法

清除浮动的六种方法

布局页面的时候，如果父标签是标准流，而子标签都是浮动流，在父元素没有定义高度的情况下，父元素就会被子元素的浮动挡住，或者说，父元素无法被撑开，这种时候就需要清除浮动。

• 方法一：隔墙法，通过在最后一个浮动元素后面添加带有clear属性的标签来清除浮动（有些公司会用这种方法）

  .clear-fix {
  	clear: both;
  }
  <div>
      <div style="float: left"></div>
      <div style="float: left"></div>
      ...
      <div class="clear-fix"></div