默认盒子 就是说width已经包含了padding和border值
box-sizing:content-box
.moren { width: 400px; height: 400px; background-color: pink; padding-left: 20px; box-sizing: content-box;
现在此处是默认盒子，所以盒子大小是400加上内边距20=盒子总大小420 把盒子撑大了
怪异盒子 总宽度=width+margin（左右）（就是说width已经包含了padding和border值）
box-sizing:border-box
换成这条命令即可不撑大盒子 内边距20会从400里面减去 盒子总大小还是400
