#sidebar {
width: 200px;
padding: 10px;
border: 10px solid black;
}在此设定宽度为200px，内边距为10px，边框为10px,但在Window IE5.5以前的浏览器中浏览页面时，宽度会比实际宽度少40px（200px-10px-10px-10px-10px）,因此需要予以纠正。此处利用了样式表的“层叠”特性，对于同一个选择符的相同属性，后定义的值会覆盖前面定义的值。
重新定义的样式为：
#sidebar {
padding: 10px;
border: 10px solid black;
width: 240px;
voice-family: "\"}\"";
voice-family: inherit;
width: 200px;
}而"voice-family:"\"}\"" ;voice-family:inherit;" 是CSS的语音属性，由于Window IE5.5不完全支持CSS2，不识别此属性，因此跳到下一个选择符。
IE5并不能正确读取voice-family: “\”}\”"; voice-family:inherit;这两段，所以在读取第二个Width前就放弃读取#centercontent了，最终只能读取到第一个width：240px。
而IE5.5以上的浏览器因为同名覆盖的原则取到第二个width：200px。这样便能在同一个Class里定义两个Width值。
以上就是css：voice-family属性的详解的详细内容，更多请关注php中文网其它相关文章！
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。
