盒模型包括:content,padding,margin,border
IE下的盒模型:width包括content的宽度+2倍的padding宽度+2倍的border宽度
W3C标准的盒模型:width就是content的宽度
定义 box-sizing: content-box; 时,浏览器对盒模型的解释遵从我们之前认识到的 W3C 标准;
定义 box-sizing: border-box; 时,浏览器对盒模型的解释与 IE6 相同;
本文共 271 字,大约阅读时间需要 1 分钟。
盒模型包括:content,padding,margin,border
IE下的盒模型:width包括content的宽度+2倍的padding宽度+2倍的border宽度
W3C标准的盒模型:width就是content的宽度
定义 box-sizing: content-box; 时,浏览器对盒模型的解释遵从我们之前认识到的 W3C 标准;
定义 box-sizing: border-box; 时,浏览器对盒模型的解释与 IE6 相同;
转载于:https://www.cnblogs.com/cndxk/p/3807995.html