css（四）-- 盒子模型和定位

盒子模型: 盒子模型就是把一个html边框比作成了一个盒子的边框，盒子模型要做用于操作数据与边框之间的距离或者 是边框与边框之间的距离。

盒子模型主要是用于操作内边距(padding)与外边距（margin）

盒子模型的示意图如下：

css的定位：使用方式：   
    
    相对定位： 相对定位是相对于元素原本的位置进行移动的。

　　position:relative;
 
    绝对定位： 绝对定位是相对于整个页面而言。
        position:absolute;
        top:200px;
        left:380px;
        
    固定定位：
        position:fixed; /* 固定定位: 固定定位是相对于整个浏览器而已的。
        top:380px;
        left:1000px;

代码示例

 .two{
         background-color:#0F0;
         position:relative; /* 相对定位,对于当前位置 */
         top:10px;
         left:10px;

     }