盒子模型


div 的实际宽高 =  你设置的宽高 + 左右边框 + 左右padding

box-sizing: border-box

定位

  相对定位 relative
    定位参考对象：自己原本的位置进行移动，已经脱离文档流，原本位置没有从文档流中删除

  绝对定位 absolute
    定位参考对象：
     1：如果父元素已经定位，那么参考父元素的位置进行定位
     2：如果父元素没有定位，那么参考浏览器

   已经脱离文档流，原本位置从文档流中删除   

  固定定位
    定位参考对象：浏览器边框, 已经脱离文档流，原本位置从文档流中删除   



z-index: 越大浮动的越高，越小越低