box-sizing 盒子模型不改变大小
参考 box-sizing 相关说明
在需要设置元素的内边距或者外边距而不想改变整体大小时,可以使用该属性,记录之。
.simple {
width: 500px;
margin: 20px auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.fancy {
width: 500px;
margin: 20px auto;
padding: 50px;
border: solid blue 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
作者: mr-xbt
本文来自博客园: https://www.cnblogs.com/xbotao/p/6642129.html
如有问题,请留言或者Email我: upc_xbt 163.com