小知识点：

  1：块级标签和行内标签相互转化

    块级标签: 可以设置宽高属性

    行内标签: 不可以设置宽高属性


    display: 
    
     1: block 将行内标签元素转换为块标签，可以设置宽高
     2: inline 将块标签转换为行内标签，将会失去设置宽高的特性
     3: inline-block 让一个元素同时具有 block 和 inline 的所有属性


2： 盒子模型：网页中任何元素都具有盒子模型的特征，

      margin   外边距
      padding  内边距
      border   边框
      content  内容

      元素的真实宽高 = 你设置的宽高 + (padding + padding) + (border + border)


3：浮动：https://www.cnblogs.com/acorn/p/5249089.html


4：提前预习：
   定位：http://www.runoob.com/css/css-positioning.html