css浮动，闭合浮动

     1. 网站的结构就是由两部分（横向和纵向排列），如果是纵向的，就是正常的文档流，此时只用设置内容区的宽度、高度、padding、margin、border即可；如果是横向排列，就需要使用浮动float技术

      2. float: left/right

      浮动的特点：

            设置浮动的元素不占空间

            设置浮动的元素层级高普通元素

            如果在一行中的元素都想横向排列，则都设置成浮动

            设置浮动的元素，变成块元素（只有块元素才能设置height属性）

     清除浮动： clear:left/right/both

    3. 浮动造成的影响和解决方法

       

        闭合浮动：使float元素可以撑高父元素，防止父元素高度坍塌

        div里面还有div时，如果这个父盒子没有设置height值，而里面的div又设置了浮动，那么父元素就会受到影响，无法正常的计算高度，此时如何保证父元素得到一个自然高？

        解决方法1： 在父元素的最下方加一个空的div，然后给该div设置清除浮动的属性（clear:both）

        解决方法2：给父元素添加属性overflow:hidden

        解决方法3（优先推荐）：给父元素使用伪元素::after