Css标准文档流以及脱标

标准文档流的现象
    1 空白折叠现象

    2 高矮不齐，底边对齐

    3 一行写不满，自动换行（默认情况下，从左到右，从上到下显示）

行内元素与块元素（css的世界，对元素严格的划分）
    
  块元素：
        a  独占一行，不能与其他元素并排
        b  可以设置宽高
        c 假如未设置宽度，宽度默认值为父亲的100%

   行内元素：
         a   与其他行内元素并排
         b  不能设置宽高，默认的宽度取决文字的宽度

 HTML元素哪些是块元素，哪些是行内元素？
 所有的容器级元素都是块元素，如div、li、h系列、dt、dd、p
 所有的文本级元素（除了p）都是行内元素,如span、a、b、i、u

 
行内元素与块元素之间的转换 （display）
    块元素转成行内元素   display: inline;
    行内元素转成块元素   display:block;
     

  现在要做两个盒子 并排并且可以设置宽高？

   脱离标准文档流
  css中三种方式可以让元素脱离标准文档流
       浮动 、绝对定位、固定定位

  浮动：网页布局用的最多属性

  性质（重点）：1  浮动的元素脱离标准文档流（脱标）

                               2  浮动的元素相互贴靠（）
                               3 浮动的元素有“字围”现象