盒子模型

box-sizing

CSS 中的 box-sizing 属性定义了 user agent 应该如何计算一个元素的总宽度和总高度。

  • content-box:是默认值,设置 borderpadding 均会增加元素的宽高。
  • border-box:设置 borderpadding 不会改变元素的宽高,而是挤占内容区域。