css不把内边距算进去的属性

CSS中的box-sizing属性可以控制盒子的大小范围内是否将内边距和边框算进去。默认情况下，盒模型会将内边距和边框算在宽度和高度之内，这就是为什么我们在设置一个300px的宽度的盒子时，添加10px的内边距和5px的边框会使盒子变成320px。

但是有时候，我们不希望内边距算在盒子的宽度和高度之中，这是我们可以利用box-sizing属性改变盒子的盒模型。如果我们设置box-sizing属性为border-box， 则内边距和边框会被包含在盒子大小之内，使盒子的大小保持不变。

.box {
   box-sizing: border-box;
   width: 300px;
   padding: 10px;
   border: 5px solid black;
} 

在上面的代码中，我们将box-sizing属性设置为border-box，所以盒子的大小是300px，不管我们是否添加内边距和边框。

box-sizing属性仅影响盒子模型的计算方式，不会影响其他样式属性的行为。

现在，CSS3中的box-sizing属性已经是一个标准属性了，大多数现代浏览器都支持它。学习如何正确地使用box-sizing属性，将会帮助我们更好地控制我们网站上的元素大小和布局。