CSS 清除浮动

浮动产生的原因：使用了 float:left；或者float:right;或者两者都使用了，容器高度为auto。

浮动产生的影响：由于浮动产生，父级不能被撑开，设置的很多css属性不能显示。

清除浮动的方法：（.clear----------overflow------------------::after)

1. 在浮动元素之后，添加一个空元素

         <div class="clear"></div>

          .clear{
                clear:both;

           }

         2.给浮动元素的父级（容器）添加overflow属性，overflow:hidden;或overflow:auto;

         3.给浮动元素的容器添加一个clearfix的class,然后给这个class添加一个::after伪元素实现元素末尾添加一个看不见的块元素

         <div class="container clearfix"></div>

        .clearfix{                                                        .clearfix::after{

              zoom:1;                                                             content:"";             

         }                                                                               display:block;

                                                                                          height:0;

                                                                                          clear:both;

                                                                                          visibility:hidden;

                                                                                    }

ps:    :用于伪类       ::用于伪元素