内减模式border-box
外加模式content-box
content-box 为 外加模式,用户设置的宽度和高度是相对稳定的,增加border、padding会使整个盒子变大
border-box: 为内减模式,盒子的实际宽度和高度是固定不变的,用户已经设置好的width和height。 增加border和padding的值,不会改变盒子的大小,只改变内容区域的大小,border-box 改变border padding不会影响到其他的盒子
内减模式border-box
外加模式content-box
content-box 为 外加模式,用户设置的宽度和高度是相对稳定的,增加border、padding会使整个盒子变大
border-box: 为内减模式,盒子的实际宽度和高度是固定不变的,用户已经设置好的width和height。 增加border和padding的值,不会改变盒子的大小,只改变内容区域的大小,border-box 改变border padding不会影响到其他的盒子