css 盒子模型

什么是盒子模型？

把所有的网页元素都看成一个盒子，它具有四个属性margin,border,padding,content。

image.png

w3c盒子模型和IE盒子模型的区别？

w3c盒子中的width和height是指content部分的宽度高度；

image.png

IE盒子中的width和height指的是content+padding+border的宽度高度

image.png

box-sizing属性的值和区别？

有content-box和border-box两种
content-box就是w3c盒子模型，width和height指的是content部分的宽和高度；
border-box就是IE盒子模型，width和height指的是content+padding+border的宽度和高度。