#content { float: left; padding: 10px; margin: 20px; background: #FFF; border: 5px solid #666; width: 400px; /* ie5win fudge begins */ voice-family: "\"}\""; voice-family:inherit; width: 370px; } html>body #content { width: 370px; /* ie5win fudge ends */ }
width: 400px; /* ie5win fudge begins */ voice-family: "\"}\""; voice-family:inherit; width: 370px;IE5并不能正确读取voice-family: “”}”"; voice-family:inherit;这两段,所以在读取第二个Width前就放弃读取#centercontent了。从而它的Width是400px;反之,由于IE6支持voice-family: “”}”";voice-family:inherit;因此第二个Width值就会覆盖第一个Width值,最终得出Width=370。这样便能在同一个Class里定义两个Width值。
(而实际上这是重复定义的典型,不过并不会在其他浏览器产生问题。)
voice-family:
""}""; 这是为解决浏览器版本的兼容性。IE5.5及其以下版本计算div的实际宽高和IE6以上版本不同,会造成错乱。应该是这样的。