2.1.1  IE/Win和框模型

    不幸的是，IE 5.x和IE 6在怪异模式中使用自己的非标准框模型。这些浏览器的width属性不是内容的宽度，而是内容、填充和边框的宽度总和。这实际上有一定的意义，因为在现实世界中框具有固定的尺寸，而且填充是放在框里面的。添加的填充越多，给内容留下的空间就越少。尽管符合逻辑，但是这些IE版本不符合规范，这会造成严重的问题。例如，在前面的示例中，在IE 5.x中框的总宽度只有90像素。这是因为IE 5.x认为每个边上5像素的填充是70像素的宽度的一部分，而不是在宽度之外附加的（见图2-3）。

图2-3  IE专有的框模型使元素比预期的小

    幸运的是，有几个方法可以解决这个问题，这些方法的细节可以在第9章中找到。但是，目前最好的解决方案是回避这个问题。也就是，不要给元素添加具有指定宽度的填充，而是尝试将填充或空白边添加到元素的父元素或子元素。

购买《精通CSS:高级Web标准解决方案》：http://shop.csai.cn/itbook/itbookinfo.asp?lbbh=10014414