文档流相关知识

一、文档流（normal flow）

         网页是一个多层的结构,设置样式样式，也是一层一层的设置，最终我们看到的最上面的一层

           文档流是网页最底层

          我们创建的元素默认情况下，都在文档流中

          元素分为两种状态：在文档流中，脱离文档流

           

二、元素在文档流中的特点

        1、块元素

           （1）:会独占一行

           （2）:块元素的宽度默认是父元素的100%

           （3）:块元素的高度默认是被内容撑开的

        2、内联元素（行内元素）

           （1）:不会独占一行

           （2）:宽度高度默认都是被内容撑开的，不能自己定义宽高

        3、行内块元素

           （1）:不会独占一行，可以设置宽高

      注意：一旦元素通过某种方式，例如浮动、绝对定位等等，脱离文档流，则原来在文档流中划分元素类型，特点都不复存在