盒子模型

外边距margin
边框border 内边距padding
内容content
内容宽度 width
300 px
盒子宽度
500 px
=
内容 content
300 px
+
内边距 padding
50 px
× 2
+
边框 border
50 px
× 2

盒子尺寸模型 box-sizing

内容尺寸

盒子属性

50 px
50 px
50 px

属性提示

外边距效果

外边距 margin