定位

常见的定位方式有四种
1.static（静态定位 默认）：元素框正常生成，块级元素生成一个矩形框，作为文档流/标准流的一部分，行内元素则会创建一个或多个杭框，置于其父元素中
      left top对静态定位不不起作用 静态定位使用margin定位
2.relative（相对定位）：元素偏移某个距离。元素保持其未定位前的形状，它原本所占的空间仍然保留。从这一角度看，好像该元素仍然在文档流/标准流中一样
3.absolute（绝对定位）:元素框从文档流完全删除，并相对于其包含块定位。包含块可能是文档中的另一个元素或者是初始包含块。
    元素原先在正常文档流中所占的空间会关闭，就好像元素元素不存在一样。元素定位后生成一个块级框，而不论原来它在正常流中生成何种内型的框

    相对该元素最近的那个脱离了标准流的元素定位，如果没有父元素（或者有父元素，但是父元素没有脱离标准流），则相对于body左上角定位
4.fixed（固定定位）：元素框的表现类似于将position设置为absolute，不过其包含块是视窗本身