1、盒模型
在设置盒子的内边距或边框时要切换盒模型
padding + border + margin + content
设置margin 会影响盒子的实际位置
border + padding + content 是盒子的实际大小
标准盒模型 :在div中设置padding或border会撑大盒子的实际宽度
怪异盒模型 :在div中设置padding或border不会撑大盒子的实际宽度
在css中添加box-sizing:border-box;
可以解决设置内边距或边框影响盒子实际大小的问题。
在css中添加box-sizing:content-box;
可以切换为标准盒模型。