css的box-sizing

概要

**box-sizing
**属性用于更改用于计算元素宽度和高度的默认的CSS 盒子模型,可以使用此属性来模拟不正确支持CSS盒子模型规范的浏览器的行为。

取值

  • content-box
    该值是默认值,表示标准盒子模型,内容的widthheight不包括外边距margin,边框border和内边距padding

  • border-box
    该值表示的是IE的盒子模型,内容的widthheight包括内容的宽高以及内边距padding和边框border

  • inherit
    该值指定box-sizing属性的值,应该从父元素继承

  • padding-box
    该值表示内容的widthheight包括内容的宽高以及内边距padding但是不包括边框border和外边距margin,只在firefox中实现了这个值,但是它在Firefox 50中被删除了

你可能感兴趣的:(css的box-sizing)