标准盒子模型的总宽度 = 本身的宽度 + border + padding + margin
怪异盒子模型的总宽度 = 本身的宽度(包含了border和padding) + margin
高度同理
唯一的区别就是怪异盒子模型的本身的宽度包含了border和padding
设置为标准盒子模型
box-sizing: content-box;
设置为怪异盒子模型
box-sizing: border-box;
标准盒子模型的总宽度 = 本身的宽度 + border + padding + margin
怪异盒子模型的总宽度 = 本身的宽度(包含了border和padding) + margin
高度同理
唯一的区别就是怪异盒子模型的本身的宽度包含了border和padding
设置为标准盒子模型
box-sizing: content-box;
设置为怪异盒子模型
box-sizing: border-box;