css - 使用边框框；填充？

Question

之所以这么问是因为有 padding: 25px; 添加到它。

在这里添加 box-sizing 是个好主意吗？

盒子尺寸移除

https://jsfiddle.net/wby16ep8/1/

.container {
  width: 936px;
  padding: 25px;
  margin: 100px auto;
  border-radius: 25px;
  border: 2px solid #0059dd;
  background: #000000;
}

盒子大小添加

25 x 2 = 50 + 4 = 54 + 936 = 990

https://jsfiddle.net/wby16ep8/5/

.container {
  width: 990px;
  padding: 25px;
  margin: 100px auto;
  border-radius: 25px;
  background: #000000;
  border: 2px solid #0059dd;
  box-sizing: border-box;
}

Answer 1

如果您的其余代码使用了 box-sizing: border-box;，请在此处也使用它。

其他注意事项

如果你想支持响应式设计，是的。

此外，使用以下代码:

.container {
  max-width: 990px; /* Change */
  width: 100%; /* Change */
  padding: 25px;
  margin: 100px auto;
  border-radius: 25px;
  background: #000000;
  border: 2px solid #0059dd;
  box-sizing: border-box;
}

如果您不想支持响应式设计，使用 box-sizing 只是一种偏好。是否包含宽度？