CSS3 中能够通过 box-sizing
来指定盒子模型。
在之前的盒子模型中,如果咱们为盒子设置了 width、padding、border,那么盒子的理论宽度为 width + padding-left + padding-right + border-left + border-right。
在 CSS3 中,如果为盒子设置:
box-sizing: border-box;
那么 padding 和 border 就不会撑大盒子,咱们设置的 width 就会是盒子的理论宽度。
box-sizing 的值还能够为 content-box
,也就是以前默认的会撑大盒子的款式。