CSS布局 盒尺寸重置

重置盒子模型，以便width 和height 并没有受到border 还是padding他们的影响 。

css

html {
  box-sizing: border-box;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}

说明

• box-sizing: border-box 添加padding 或者border 不影响元素的width 或者height 。
• box-sizing: inherit 使元素尊重其父元素box-sizing 规则。