清除高度塌陷的三种解决方法:

清除高度塌陷的三种解决方法:

        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.避免了定位元素被隐藏