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,今天主...
