Html 滚动条出现在IE上,但不应出现

Html 滚动条出现在IE上,但不应出现,html,css,Html,Css,我有这个CSS类的左菜单: .menu { overflow-y: auto; width: 210px; height: 100%; position: absolute; left: 0; top: 0; bottom: 0; background-color: #7145A1; } 在Firefox和Chrome上,滚动条仅在调整窗口大小时出现。在IE上,加载页面时会直接显示滚动条 我忘了什么吗?不,你没有。Internet

我有这个CSS类的左菜单:

.menu {
    overflow-y: auto;
    width: 210px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: #7145A1;
}
在Firefox和Chrome上,滚动条仅在调整窗口大小时出现。在IE上,加载页面时会直接显示滚动条


我忘了什么吗?

不,你没有。Internet Explorer只是处理css的方式不同于Firefox或Chrome,结果是它总是显示滚动条

解决方案是创建一个IE css标签,防止这种情况发生

<!--[if IE]>
// IE related css. 
<!--[endif]>

不,你没有。Internet Explorer只是处理css的方式不同于Firefox或Chrome,结果是它总是显示滚动条

解决方案是创建一个IE css标签,防止这种情况发生

<!--[if IE]>
// IE related css. 
<!--[endif]>

滚动条是否移动了一点? 在这种情况下,这可能是因为当您指定
高度:100%
时,IE设置内容高度并添加一点边距(什么是.menu元素?div?a nav?) 因此,在这种情况下,您可以将
框大小:边框框
添加到类中(注意跨浏览器兼容性!…您使用的I.E的版本是什么?)

如果滚动条被“锁定”(您无法滚动,它们只是显示),那么,这很奇怪,通常
overflow:auto
会在必要时显示它。。。但I.E有时会做一些奇怪的事情

还有一点:在I.E.8之前,不支持
overflow
属性,对于I.E.8,应该使用
-ms overflow
属性。因此,在这种特殊情况下,我不知道默认值(它应该是可见的,所以没有滚动条,但我不知道…)


我希望我能帮上忙,

滚动条是否移动了一点? 在这种情况下,这可能是因为当您指定
高度:100%
时,IE设置内容高度并添加一点边距(什么是.menu元素?div?a nav?) 因此,在这种情况下,您可以将
框大小:边框框
添加到类中(注意跨浏览器兼容性!…您使用的I.E的版本是什么?)

如果滚动条被“锁定”(您无法滚动,它们只是显示),那么,这很奇怪,通常
overflow:auto
会在必要时显示它。。。但I.E有时会做一些奇怪的事情

还有一点:在I.E.8之前,不支持
overflow
属性,对于I.E.8,应该使用
-ms overflow
属性。因此,在这种特殊情况下,我不知道默认值(它应该是可见的,所以没有滚动条,但我不知道…)


我希望我能帮上忙,

Firefox、IE和Chrome在边距和填充方面不会以相同的方式管理宽度。也许你在IE中的块实际上比其他浏览器更大。但是我们需要你的HTML代码来进一步分析你的问题。在这种情况下,你的内容在IE中可能比在其他浏览器中更高,刚好可以触发一个滚动条(这也会改变视口的宽度,可能使内容更高)。Firefox、IE和Chrome不以同样的方式管理宽度,关于边距和填充。也许你在IE中的块实际上比其他浏览器更大。但是我们需要你的HTML代码来进一步分析你的问题。在这种情况下,你的内容在IE中可能比在其他浏览器中更高,刚好可以触发一个滚动条(这也会改变视口的宽度,可能使内容更高)。天哪,IE。。。好的,所以我将尝试在一个单独的文件中声明IE的具体规则..天哪,IE。。。好的,我将尝试在一个单独的文件中声明IE的具体规则。。