属性决定了浏览器如何计算一个元素的总宽度和总高度。 简单来说，它决定了你设置的 CSS 和 属性是否包含 内边距 (padding) 和 边框 (border)。 以下是 和 的详细对比： --- 1. (默认值) 这是 CSS 的标准盒模型（W3C 标准）。当你设置 时，你设置的仅仅是内容区域的宽度。 含义：宽度和高度 不包含 padding 和 border。 计算公式： 元素实际占用的总宽度 = + + 元素实际占用的总高度 = + + 现象：如果你给一个元素设置了宽度，然后又增加了 padding，这个元素在页面上看起来会变大（向外扩张）。 举例： 最终渲染宽度 = 100 + 20 (左右padding) + 10 (左右border) = 130px。 --- 2. (推荐使用) 这是现代网页开发中最常用的模式（也就是以前 IE 的怪异盒模型）。当你设置 时，你设置的是整个盒子的宽度。 含义：宽度和高度 包含 了 padding 和 border。 计算公式： 元素实际占用的总宽度 = 内容区域的可用宽度 = - - 现象：如果你给一个元素设置了宽度，然后增加了 pa...
播面