box-sizing参数

"box-sizing" 是 CSS 中的一个属性，用于控制元素盒模型（box model）的内容区域如何包含边框（border）和内填充（padding）。在默认情况下（即 "content-box"），元素的总宽度或高度等于内容宽度加上内填充和边框的总和，而如果设置为 "border-box"，则宽度和高度会包括边框和内填充，仅内容区域的尺寸会影响元素的实际大小。

例如：

/* 默认的 content-box 方式 */
div {
  width: 100px;
  padding: 20px;
  border: 5px solid black;
}

/* 使用 border-box 后，元素总宽会减去边框 */
div {
  box-sizing: border-box;
  width: 100px; /* 实际上只占据 70px (100px - 20px * 2 - 5px * 2) */
}