解决CSS中padding（内边距）margin（外边距）撑大盒子的问题

在有添加padding（内边距）的样式中添加  box-sizing: border-box;

 如果使用的时margin（外边距）来书写样式，margin是不会包含到盒子的总宽高中的，margin是会在盒子的外侧撑开，如图，黑色盒子中设置了margin-bottom，这时会在盒子外侧出现边距。