Internet explorer 溢出:隐藏;鼠标悬停在Internet Explorer上时的奇怪行为

Internet explorer 溢出:隐藏;鼠标悬停在Internet Explorer上时的奇怪行为,internet-explorer,css,Internet Explorer,Css,鼠标悬停在Internet Explorer 9.0.8上,菜单的大小将增大。 我发现原因是元素divider使用了属性overflow:hidden 鼠标悬停时,它为什么会影响元素 这是对代码的修改。我在第一个CSS样式中指出了问题所在。 这就是有问题的风格: .floatingMenu li.divider{ height: 1px; margin: 9px 1px; overflow:hidden; /*PROBLEM INTERNET EXPLORER*/

鼠标悬停在Internet Explorer 9.0.8上,菜单的大小将增大。 我发现原因是元素
divider
使用了属性
overflow:hidden

鼠标悬停时,它为什么会影响元素

这是对代码的修改。我在第一个CSS样式中指出了问题所在。

这就是有问题的风格:

.floatingMenu li.divider{
    height: 1px;
    margin: 9px 1px;
    overflow:hidden;  /*PROBLEM INTERNET EXPLORER*/
    background-color: #E5E5E5;
    border-bottom: 1px solid #FFF;
}

如果我们去掉
溢出:隐藏一切正常。

当您从中删除宽度:100%时,问题消失。当您从中删除宽度:100%时,问题消失。当您从中删除宽度:100%时,问题消失。浮动菜单li

它正在发生,它似乎是基于IE的100%宽度部分的另一种解释以及div定义的大小

没有设置或最大宽度的div或ul中的100%宽度可以解释为其嵌套的最大div的宽度,这似乎是正在发生的情况。如果删除100%宽度或对ul应用set或max width,则会将其限制在该分层宽度内

这在一定程度上也可能是应用于ul的绝对定位的一个因素,因为它可能忽略相对定位的div的宽度高于其自身


我相信这可以进一步解释正在发生的事情。

它的发生似乎是基于IE对100%宽度部分的另一种解释,以及div定义的尺寸

没有设置或最大宽度的div或ul中的100%宽度可以解释为其嵌套的最大div的宽度,这似乎是正在发生的情况。如果删除100%宽度或对ul应用set或max width,则会将其限制在该分层宽度内

这在一定程度上也可能是应用于ul的绝对定位的一个因素,因为它可能忽略相对定位的div的宽度高于其自身


我相信这可以进一步解释发生的事情。

在ie9中,你的小提琴似乎对我很好,但一个想法是在你的非分割器上设置一个不同的类,只为那些lis而不是所有的lis执行悬停事件them@Pete当你把鼠标移到菜单上时,它不能正常工作。它变大了。你试过给
zoom:1到li的?你有什么理由反对只给ul一个宽度吗?你的小提琴在ie9中对我来说似乎很好,但一个想法是在你的非分割器上放一个不同的类,只为那些li而不是所有的li做悬停事件them@Pete当你把鼠标移到菜单上时,它不能正常工作。它变大了。你试过给
zoom:1到李的?你有什么理由反对只给ul一个宽度吗?我知道,但是。。。为什么在鼠标悬停时会使家长变大?有人看到下面的逻辑吗?我知道,但是。。。为什么在鼠标悬停时会使家长变大?有人看到下面的逻辑吗?