浮动作用及存在的问题

浮动作用：让块属性元素排成一行 解决水平布局问题

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

    附带作用:1、让行属性标签支持设置宽高

                   2、文字环绕效果

float:left左浮动(以左边为开始位置)  float:right右浮动(以右边为开始位置)

浮动存在问题： 父元素不设置高度情况下  高度由子元素撑开 一旦子元素设置浮动 父元素就会失                          去高度进而影响后面元素布局。

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

                        2、动态向父元素后面添加一个clear:both的块属性元素

为什么不使用display:inline-block

         1、代码换行默认有空隙

         2、一个移动，其他元素会跟着移动

         3、默认文本下对齐

用途：让行属性元素支持设置宽高