前端知识点

前言

最近在开发时发现自己好多以前学习的知识点都记不太清了，在此做个记录，便于以后经常回看

• 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读取的宽度，从而影响右侧的元素会向左移动