box-sizing常用的属性有哪些?分别有什么作用?

(1)标准盒模型 box-sizing: content-box;

作用:

  • 宽度和高度分别应用到元素的内容框。
  • 在宽度和高度之外绘制元素的内边距和边框(元素默认效果)。

(2)IE盒模型 box-sizing: border-box;

作用:

  • 元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。
  • 通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。

(3)box-sizing: inherit;继承其父元素的box-sizing 属性的值。

你可能感兴趣的:(css)