使用边框框；填充？

Question

我之所以问是因为有 padding: 25px; 添加到其中。

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

框尺寸调整已移除

.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。是否包含宽度？

使用边框框；填充？

Using border-box; with padding?

css

box-sizing