CSS知识点

W3C标准盒模型和IE盒模型

IE 盒模型：属性 width，height 包含 content、border 和 padding，指的是 content + padding + border 。
W3C 标准盒模型：属性 width ，height 只包含内容 content，不包含 border 和 padding 。

//W3C盒子模型
box-sizing: content-box 
//IE盒子模型
box-sizing: border-box 

margin负值问题

margin-top 元素自身会向上移动，同时会影响下方的元素会向上移动；
margin-botom 元素自身不会位移，但是会减少自身供css读取的高度，从而影响下方的元素会向上移动。
margin-left 元素自身会向左移动，同时会影响其它元素；
margin-right 元素自身不会位移，但是会减少自身供css读取的宽度，从而影响右侧的元素会向左移动