清除浮动

问题:
父级元素不给高度,子元素浮动,会造成父元素高度塌陷

        解决办法:
            1: 给父元素添加高度 
                缺点: 不灵活
                 
            2: 给父级元素添加overfow:hidden;(触发了一个bfc区域)
                缺点: 定位出去的元素将会被隐藏
                 
            3: 给浮动元素的 最后 面添加一个空标签(块级元素)
                空标签的样式:
                    width: 0;
                    height: 0;
                    clear: left/right/both; 左/右/都干掉
                缺点: 代码冗余
                 
            4: 万能清除法
                .name:after{
                    content:"";
                    display:block;
                    width:0;
                    height:0;
                    clear:both/left/right;
                    overflow:hidden;
                    visibility:hidden;
                }