box-sizing:content-box,按W3C的盒子模型计算,在宽度和高度之外绘制元素的内边距和边框。
这是搭积木,三块积木搭出一个房子,任何一块积木大小变化了,房子结构就不稳定了,表现为把元素撑大
box-sizing:border-box,按传统IE盒子模型计算,通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。
这是盖房子,事先定好尺寸,盖好一个房子,里边放三块积木,随便你们三个怎么变化,只要不超过房子的大小,随你们折腾
原先W3C认为IE的 border-box 模型是逗比,事实证明W3C才是逗比。
网友评论