前端面试-盒子模型

两种盒模型（box-sizing）的区别？

• 第一种盒模型是W3C标准盒子模型，width指的是内容区域content的宽度，而不是实际宽度，实际宽度width=左边框 + 左padding + 内容宽度（width） + 右padding + 右边框

• 第二种盒子模型是IE标准盒子模型，width指的是左右边框外侧的距离，实际宽度=width

• 除此之外，可以通过属性box-sizing来设置盒子模型，content-box理解是W3C的标准模型；border-box理解是IE盒模型