css3盒子模型内减模式和外加模式

来源:互联网 发布:下淘宝网手机版 编辑:程序博客网 时间:2024/05/23 01:19

内减模式border-box

外加模式content-box


content-box 为 外加模式,用户设置的宽度和高度是相对稳定的,增加border、padding会使整个盒子变大


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