盒模型

盒模型.png

• Margin(外边距) - 清除边框外的区域，外边距是透明的。
• Border(边框) - 围绕在内边距和内容外的边框。
• Padding(内边距) - 清除内容周围的区域，内边距是透明的。
• Content(内容) - 盒子的内容，显示文本和图像。

内部空间——从边框到内容之间的所有部分 都属于元素的内部空间

box - sizing : border-box 那么 width 和 height 属性的值将会包含内边距和边框，而外边距的宽度不会算到 width 中。

盒模型大小调整.png