0
点赞
收藏
分享

微信扫一扫

box-sizing 盒子模型

滚过红尘说红尘 2022-04-03 阅读 94

box-sizing: content-box|border-box|inherit;

inherit规定应从父元素继承 box-sizing 属性的值

content-box,标准盒子模型,默认为该模型,盒子的宽度为=width+border+padding+margin,高度为=height+border+padding+margin

border-box,怪异模型,盒子的宽度为width+margin,盒子高度为width+margin,实际上内容的宽度为width-border-padding,内容的高度为height-border-padding

content-box与border-box的差别为width是否包含border和padding

举报

相关推荐

0 条评论