美文网首页
uniapp border-box属性的含义

uniapp border-box属性的含义

作者: 可乐小子 | 来源:发表于2022-12-02 16:22 被阅读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

相关文章

网友评论

      本文标题:uniapp border-box属性的含义

      本文链接:https://www.haomeiwen.com/subject/uroefdtx.html