清除浮动的四种方法

当父级没有设置高度，子盒子浮动影响下面布局需要清除浮动的四种方法

第一种 额外标签法（隔墙法）

在子元素的最后添加一个盒子 样式表加 clear:both; 但是会改变代码结构

第二种在父元素添加overflow:hidden;

第三种伪类标签法

.clearfix:after{

            content:"";

            display:block;

            height: 0;

            clear: both;

            visibility: hidden;

        }

        .clearfix:{

            *zoom:1;

        } 

第四种双伪类标签法

.clearfix:before,.clearfix:after{

            content: "";

            display: table;

        }

        .clearfix:after{

            clear: both;

        }

        .clearfix{

            *zoom:1;

        }