盒子的四个组成区域相对应,每个盒子有四个边界:内容边界 Content edge、内边距边界 Padding Edge、边框边界 Border Edge、外边框边界 Margin Edge。
- 标准盒模型 box-sizing: content-box
content-box:
width = content width;
height = content height
- IE盒模型 box-sizing: border-box
border-box:
width = border + padding + content width
heigth = border + padding + content heigth
链接:https://www.jianshu.com/p/9c7487f4e89a