box-sizing
Posted liuliang389897172
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了box-sizing相关的知识,希望对你有一定的参考价值。
box-sizing:
width: 100px;
height: 100px;
background: red;
padding-left: 30px;
box-sizing: border-box
盒子还是100*100 加了border-box
![技术分享图片](https://image.cha138.com/20210726/cda7aa6129674a49ae27e22965ce75ca.jpg)
box-sizing: content-box;加了这个属性的话
![技术分享图片](https://image.cha138.com/20210726/219fdd888e5d4672bdb288a981a39717.jpg)
在原有盒子基础上多出30px
![技术分享图片](https://image.cha138.com/20210726/95fdd95629d8476687647bee1fbd6d33.jpg)
除了margin之外
以上是关于box-sizing的主要内容,如果未能解决你的问题,请参考以下文章