1、box-sizing属性：当我们给盒子模型增加了border和padding之后保证盒子的高度和宽度不变。
2、如何保证增加了border和padding之后保证盒子的高度和宽度不变的？
增加了border和padding之后保证盒子的高度和宽度不变需要减去一部分的内容的宽高。
3、取值：
content-box：默认的取值，元素的宽高 = 边框+内边距+内容的宽高（没效果）
border-box：元素的宽高 = width属性 （有效果）
box-sizing属性
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
推荐阅读更多精彩内容
- 对于盒子模型的理解 首先W3C的解释 1、box-sizing：content-box的时候： 这是由 CSS2....
- 在一个文档中，每个元素都被表示为一个矩形的盒子。盒子模型具有4个属性['外边距(margin)','边框(bord...
- 用法简介 box-sizing属性主要的取值有content-box，border-box和inherit,今天主...
