清除浮动？yes!

一、为什么清除浮动？

　　因为父级盒子很多，不方便给高度，但子盒子浮动不占有位置，最后父级盒子为0，就影响下面的标准流盒子

 

 

二、清除浮动方法

　　

　　示例代码：

 

1. 额外标签法（隔墙法）---是W3C推荐的做法，是通过在浮动元素末尾添加一个空标签，如 <div style="clear:both" ></div>,或则其他标签br 等即可

　　　　　　优点：通俗易懂，书写方便

　　　　　　缺点：添加许多无意义标签，结构化较差

1. 父级添加overflow 属性方法-----可以给父级添加：overflow为  hidden
   　　优点：代码简洁

　　　　　  缺点： 内容增多时候易造成不会自动换行，导致内容被换掉，无法显示需要溢出的元素

1. 使用after 伪元素清除浮动

　　　　　　：after 方式为空元素额外标签法的升级版，好处是不用单独加标签

 

 

　　相关代码----------