使用 CSS3 的 box-sizing 属性切换盒子缩放方。应用 box-sizing(border-box) 属性后，添加边框和内边距都不会增大盒子，相反会导致内容变窄。

/IE6 和 IE7 不支持 box-sizing属性。

不过，有一个专门解决这个问题的腻子脚本（ polyfill），名叫 borderBoxModel.js。

你可以使用条件注释（以便只有 IE6 和 IE7 加载）把它添加到 HTML 标记之后、结束的标签之前，以保证在加载 DOM 之后再执行该脚本：

最新版本的 borderBoxModel.js 腻子脚本以及它的用途和局限性，可以参考这里：https://github.com/albertogasparin/borderBoxModel。

这样， IE6 和 IE7 就可以根据 box-sizing 属性的设定正确地调整栏的大小了。

以上引用自《CSS设计指南》

但是问题来了，IE6本身的盒子模型不就是类border-box么，为什么需要其支持box-sizing:border-box呢？

记下这个问题，怕忘了，准备再研究一下。