清除浮动的办法 1.直接设置父级块元素高度，但某些时候 不方便直接设置。 2额外标签法(w3c推荐，但目前基本不用)步骤1:在父级元素内部的最后加一个块元素 步骤2:给额外添加的块元素 设置 clear:both;弊端 会增加大量冗余标签 3.单伪元素法 步骤1: 设置公共类，在该类上设置伪元素并让该伪元素能清除浮动 .clearfix:after{ content:''; display:block; clear:both; height:0; visibility:hidden; }步骤2: 在浮动元素的父级 添加 上述公共类 clearfix 4.双伪元素法(腾讯方案)步骤1： 设置公共类 .clearfix:before,.clearfix:after{ content:''; display:table; } .clearfix:after{ clear:both; }步骤2: 在浮动元素的父级 添加 上述公共类 clearfix 5.给父级添加 overflow:hidden; 弊端: 当父元素 需要溢出时，溢出部份会被隐藏掉