如何清除浮动

问题：如何清除浮动 *清除浮动主要是为了解决父元素因为子元素浮动引起的内部高度为0的问题*

1. 额外标签法（在最后一个浮动标签后,新加一个标签,给其设置clear：both；）（不推荐）
2. 父级添加overflow属性（父元素添加overflow:hidden）（不推荐）*这种方式通过触发BFC方式实现清除浮动*
3. 使用after伪元素清除浮动（推荐使用）

.className::after{       
    content: "清除浮动";     /**//*内容为“.”就是一个英文的句号而已。也可以不写。*/
    display: block;   /**//*加入的这个元素转换为块级元素。*/
    clear: both;     /**//*清除左右两边浮动。*/
    visibility: hidden;      /**//*可见度设为隐藏。注意它和display:none;是有区别的。visibility:hidden;仍然占据空间，只是看不到而已；*/
    line-height: 0;    /**//*行高为0；*/
    height: 0;     /**//*高度为0；*/
    font-size:0;    /**//*字体大小为0；*/
}