Question

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

这是css：

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

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

Answer 1

可能的原因：
1。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2.如果滚动条放在元素框的边缘，它应插在内边框边缘和外边框之间边缘。滚动条占用的任何空间都应取出（减去从元件形成的包含块的尺寸滚动条。 http://www.w3.org/TR/CSS21/visufx.html#overflow

试试这个：

.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');
}

Answer 2

没有更多代码就很难说。 IE总是给我带来麻烦。我喜欢使用附加组件，Web开发。它让我在网上测试和试验IE。 http://www.microsoft.com/en-us/download/details.aspx?id=18359 另外尝试添加float：left或margin：0;或填充：0;看看其中一个是否修复了这个bug。希望这有帮助。

在IE9和旧版浏览器中出现宽度问题

2 个答案: