标准流

标准流：元素在浏览器中默认的显示方式。

浮动

float:left/right
特点：1） 元素脱离标准流
      2） 浮动可以让块元素在一行上显示
注意：如果想让块级元素在一行上显示，需要给所有的块级元素设置浮动。
      3） 该元素不占位置。
      4） 实现元素的模式转换（脱标）
作用：
    1）实现网页布局  （让网页中块级元素的盒子在一行上显示）
    2）用来制作网页导航（使用列表制作）

    3）根本的作用： 实现图片文字环绕效果 （文字不会被浮动的元素压着）

清除浮动

清除浮动：消除浮动的影响。
什么时候需要清除浮动？
1 父容器没有设置高度（不需要设置height属性）
2 父容器中所有的子元素都设置了浮动

清除浮动的方式

1 使用clean:left /right/    both
2 给父容器设置 overflow：hidden;
 注意：如果使用overflow:hidden清除浮动，首先要保证父容器中没有定位的元素，如果有定位的元素，则不推荐使用该方法清除浮动。
3 使用伪元素清除浮动
    .clearfix:after{
        content:"";
        height:0;
        line-height:0;
        clear:both;
        display:block;
        visibility:hidden;
    }
    .clearfix{
        zoom:1;// 兼容IE浏览器
    }
4 使用双伪元素清除浮动
    .clearfix:before,.clearfix:after{
        content:"";
        height:0;
        line-height:0;
        clear:both;
        display:block;
        visibility:hidden;
    }
    .clearfix{
        zoom:1;// 兼容IE浏览器
    }

清除浮动中遇到的问题

1 首先看父元素有没有设置固定高度
2 父元素中是不是所有的子元素都设置了浮动
3 清除浮动的代码有没有问题
4 调用清除浮动的标签是否正确
5 最后检查html结构是否有问题 

css 初始化

1  通过设置样式将页面中标签默认的样式层叠掉（margin，padding,list-style...）
2  设置页面中标签的默认样式（统一性）

overflow 的用法

[溢出，超出] overflow:visible(默认值)
            overflow: hidden 超出部分隐藏
            overflow: scroll 添加滚动条
            overflow: auto 根据内容判断是否添加滚动条