高度塌陷总结

清除高度塌陷的三种方法:
    1.给产生高度塌陷的元素加overflow:hidden
    实现原理:触发bfc，bfc在计算高度时会把浮动的元素的高度计算在内
    缺点:如果有定位元素时，则会隐藏【切记！！！】

    2.给产生高度塌陷的元素最后面添加一个div: 并且给它设置高度为0，clear:both【清除浮动对添加div的影响】
    产生原理:清除浮动带来的影响

    3.万能法:   :after{
                        content:'.';
                        display:block;
                        clear:both;
                        height:0;
                        overflow:hidden;
                        visibility:hidden;
    }
    好处:1.如果一个界面中有多个高度塌陷，减少重复代码的使用量
    2.比秒了定位元素被隐藏