CSS属性（float浮动）

浮动float：

            规范：

                同级之间加float属性，其余的也要加

            1.脱离文档流

                影响：破坏了布局，导致布局错乱

            2. 不脱离文本流

浮动导致父级盒子塌陷（起名主要为.clear   .clearfix ）：

                解决方法：

                1.加高父级盒子

                    缺点：不能自动撑开，高为固定值，不够灵活

                2.父级盒子加overflow：hidden

                    缺点：自动撑开，但会导致溢出的部分无法显示

                3.加一个无内容的空盒子

                    缺点：属性值必须为无，无意义无宽高

                    eg:<div style="clear:both;"><div>

                4.父盒子加伪类属性

                         ::after{

                                content:'';

                                display:block;

                                clear:both

                            }

                    优点：达到添加无意义盒子的效果且不受影响