box-sizing

描述

该 box-sizing 属性用于更改用于计算元素宽度和高度的默认 CSS 框模型。

效果展示

语法

box-sizing: content-box | border-box | inherit;

值

• content-box 这是 CSS 标准指定的默认样式。测量宽度和高度属性仅包括内容，但不包括边框、边距或填充。
• border-box 宽度和高度属性包括填充和边框，但不包括边距。这是 Internet Explorer 在文档处于 Quirks 模式时使用的盒子模型