相对定位、绝对定位、浮点定位怎么用？

一、绝对定位： position: absolute;left:number px;top:number px;

---

 以body页面（0，0)点作为原点，相对（0，0）点定位，left:number px;为位置距body左边框距离相当于x轴坐标；top:number px;

 相当于y轴坐标。

 未定位之前如下：

 代码如下：

#i1{
          position: absolute;left: 0px;
         width: 200px;
         height: 200px;
          background-color: #FF0000;
     }
     #i2{
         position: absolute;left: 200px;
         width: 200px;
         height: 200px;
         background-color: #00FF00;
     }

定位之后：