两种盒模型的区别

两种盒模型的区别

两种盒模型分别是content-box和border-box

区别：content-box里面的width是指content内容区域的宽度，而不是实际的宽度，他的实际宽度是width+padding+border，也就是说当我们设置一个content-box的宽度为100px是，它的实际宽度要超过100px,这是违反我们正常的思维习惯的；

​ border-box的width就是指实际的宽度，很明显，boder-box更加的好用。