box-sizing: border-box为什么没效果

box-sizing: border-box属性可以让浏览器按照指定的宽度和高度来渲染元素，同时将元素的边框和内边距计算在内。如果该属性没有生效，可能是由于以下原因：

1. 该属性被其他样式覆盖了。可以通过在该元素上使用!important来强制应用该属性。

2. 该属性被应用到了错误的元素上。请确保该属性被应用到了正确的元素上。

3. 该属性被浏览器不支持。请确保您的浏览器支持该属性。

4. 该属性被应用到了不正确的位置。请确保该属性被应用到了正确的位置。

以下是一个示例，展示如何正确地使用box-sizing: border-box属性：

.box {
  box-sizing: border-box;
  width: 200px;
  height: 200px;
  padding: 20px;
  border: 1px solid black;
}