Html IE9和旧版本浏览器中的宽度问题

我不知道人们如何测试他们的网站是否与旧浏览器兼容。我有一个顶部菜单，宽度为100%，在firefox中正常工作，但在IE9中失败

以下是css：

.topslidemenu {
     font-size: 11px;  
     font-weight: bold;  
     height: 27px; 
     line-height: 9px; 
     width: 100%; //950px
}

当它在IE9上运行时，菜单宽度会缩短。

可能的原因：
1.

2.如果滚动条放置在元素框的边缘， 它应该插入内部边界边缘和外部填充之间 边缘。滚动条占用的任何空间都应去掉（减去） 从尺寸上看）由具有 滚动条

试试这个：

.topslidemenu {
     font-size: 11px;  
     font-weight: bold;  
     height: 27px; 
     line-height: 9px; 
     width: expression(this.parentNode.offsetHeight > this.parentNode.scrollHeight ? '100%' : parseInt(this.parentNode.clientWidth) + 'px');
}

---

没有更多的代码很难说。我总是惹麻烦。我喜欢使用附加组件，web开发。它让我在网上为IE做测试和实验。

---

还可以尝试添加float:left或margin:0；或填充：0；查看其中一个是否修复了错误。希望这有帮助。

让问题更具体，你的问题是IE9中的

菜单宽度缩短了

，添加相关的

HTML

和

CSS

，指定你正在使用的

DOCTYPE

。干杯如果没有代码的其余部分，就不可能看到问题。最好是创建一个这样的解决方案，至少在IE9上（而不是在IE8上）：