盒子模型扫盲

      简单地说每个html标签都是一个方块，然后这个方块又包着几个小方块。分别是：margin、border、padding、content。

W3C标准的盒模型：width == content_width(不包括padding+border+margin)

IE怪异盒模型： width == content_width+padding+border

tips：在ie8+浏览器中使用哪个盒模型可以由box-sizing控制，默认值为content-box，即标准盒模型；

定位

static

一般如果我们不设置position的话它的默认值就是static，这个时候left、top、bottom、right是不起作用的

z-index对static也不起作用

1.  

relative

使用相对定位给元素加left/top/right/buttom元素会以原来的位置为基础加上这些值，即以原来的位置为基础定位，并且没有脱离文档流

absolute

元素已经脱离文档流，元素位移的参考不再是原来的位置而是body。

特：元素的位置是以他父代元素position不为static的元素作为参考，如果他的父代元素都是position:static那就以body作为参考。

fixed

相对于浏览器窗口进行定位

inherit

从父元素继承