uniapp border-box属性的含义
2022-12-02 本文已影响0人
可乐小子
WeChatae114a04cce2fa3758001ef2a4aaddb8.png
当写了border-sizing:border-box的时候，盒子模型的高度是包含border-top 和border-bottom，以及padding-top和padding-bottom的
比如盒子的height高度为200, padding-top 为10，border为10的时候，盒子蓝色内置的高度就是 200 - 10 -20 （boder-top和border-bottom）= 170
当没有写该属性，盒子蓝色内置的高度为200，padding-top 为10，border为10的时候，盒子高度为 200 + 10 + 20 = 230
