浮动的概念：设置浮动属性的标签会脱离标准流，移动到父标签的指定位置

            float：

                none 默认，不浮动

                left 左浮动

                right 右浮动

            同级标签，要么都浮动，要么都不浮动

            只设置一个浮动的话会重叠

        

        浮动产生的问题

            在正常的标准流，父标签不设置高度时，内容区域会默认被子标签撑开

            子标签设置浮动属性，会脱离标准流 导致父标签无法被撑开，并且会影响后续布局

        清浮动

            1、父标签设置固定高度，缺点是不够灵活

            2、给父标签设置overflow：hidden；

            3、在最后一个浮动子标签后加div，设置css属性clear：both；缺点是增加了一个多余代码

            4、利用伪元素

            .wrap:after{

             content:'';

             display: block;

             clear: both;

            }