7.标准文档流

1. 性质

   1.空白折叠现象：都会折叠成一个空格
     比如让images之间没有空隙，那<img/>紧密连接
   2.高矮不齐，底边对齐
     比如两张大小不一样的图片底边对齐
   3.自动换行，一行放不完，换行写

2. 块级元素和行内元素

   所有文本标签都是行内元素，所有容器标签都是块级元素，除了P,P是文本标签，是个块级元素。
   1.块级元素
     霸占一行，不与任何元素并列
     能接受宽高
     不设置宽高，默认为父亲百分百
   2.行内元素
     与其他行内元素并列
     不能设置宽高
     默认宽度为文字宽度

3. 块级元素和行内元素互相转换

   块级元素：
    设置display:inline;即可与其他元素并排了//不再能设置宽高
   行内元素：
    设置display:block;即单独占一行，和div无差，不设置宽高，默认占据父亲元素