首先说下box-sizing的取值问题，box-sizing的可选值有三个，inheirt，content-box（标准盒式模型）和border-box（ie6等非标准浏览器的怪异盒式模型）；
首先说第一个取值content-box，content-box是box-sizing的默认值。意思是：元素实际占用的空间宽度=我们设置的宽度(width)+边框+内间距。假设我们设置一个div的宽度为100px，如果再给这个div设置边框和间距内的话，边框和间距是向外扩展的。导致实际div的实际宽度大于100px。上代码和图一目了然。
首先定义一个宽和高为100px的div，设置box-sizing为content-box，背景为红色。为了突出显示我们把它放在一张蓝色背景上；
查看更多关于css中box-sizing简单说明（标准盒式模型和怪异盒式模型）_html/css_WEB-ITn的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did108024