【浮动】【使用浮动存在的问题】

  1.浮动的作用：让块属性标签排成一行，解决水平布局问题

  2.左浮动float：left(以左边为开始位置) 右浮动float：right（以右边为开始位置）

  注意点：排成一行的元素都需要设置浮动

  附带作用：1.让行属性标签支持设置宽高（浮动 行块标签）

                    2.文字环绕效果

    

  3.为什么不使用display：inline-block

    1.代码换行默认有空隙

    2.一个移动其他都会移动

    3.默认文本下对齐

    用途：让行属性标签支持设置宽高

4.使用浮动存在的问题

父元素在不设置宽高的情况下 高度由子元素撑开 一旦子元素设置浮动 父元素会失去高度进而影响后面的布局

    解决方式：1.给父元素设置overflow：hidden

                      2.动态向父元素添加一个clear：both的块元素