盒子模型

盒子的宽高计算方式：外边距（margin）+ border（边框） + 内边距（padding）+ content（内容）

box-sizing:border-box

加了 box-sizing:border-box 属性，padding 和 border 的值就 不会影响元素的宽高，相当于把 padding 和 border 的值都算在 content 里

盒子模型会自动根据 padding 和 border 的值来调整 content 的值，就不需要手动调整

参考：
https://blog.csdn.net/qq_51066068/article/details/127048560