box-sizing:
width: 100px;
height: 100px;
background: red;
padding-left: 30px;
box-sizing: border-box
盒子还是100*100 加了border-box
![](https://img2018.cnblogs.com/blog/1308548/201811/1308548-20181116092240177-1728501828.png)
box-sizing: content-box;加了这个属性的话
![](https://img2018.cnblogs.com/blog/1308548/201811/1308548-20181116092347693-1566987039.png)
在原有盒子基础上多出30px
![](https://img2018.cnblogs.com/blog/1308548/201811/1308548-20181116092533446-964669984.png)
除了margin之外
liuliang389897172 2018-11-16 09:26 原文
box-sizing:
除了margin之外