Html 当字体在悬停状态下调整大小时,为什么IE11会删除此边距设置?
这是我遇到的一个奇怪的bug。在IE11中,它首先会正确设置上边距,直到我将鼠标悬停在重新调整大小的链接上。在我这样做的那一刻,上边距似乎消失了,只有当我调整窗口(或框架)的宽度时,上边距才会重新出现Html 当字体在悬停状态下调整大小时,为什么IE11会删除此边距设置?,html,css,internet-explorer-11,Html,Css,Internet Explorer 11,这是我遇到的一个奇怪的bug。在IE11中,它首先会正确设置上边距,直到我将鼠标悬停在重新调整大小的链接上。在我这样做的那一刻,上边距似乎消失了,只有当我调整窗口(或框架)的宽度时,上边距才会重新出现 #上部菜单{ 背景色:#FFF; 宽度:100%; } .货柜已满{ 溢出:隐藏; 页边距底部:0; 填充底部:0; } .货柜码头12{ 宽度:92%; 左缘:4%; 保证金权利:4%; } .集装箱12.格栅10{ 宽度:81.333%; } #国家集装箱保险公司{ 保证金:0; 利润率最高
#上部菜单{
背景色:#FFF;
宽度:100%;
}
.货柜已满{
溢出:隐藏;
页边距底部:0;
填充底部:0;
}
.货柜码头12{
宽度:92%;
左缘:4%;
保证金权利:4%;
}
.集装箱12.格栅10{
宽度:81.333%;
}
#国家集装箱保险公司{
保证金:0;
利润率最高:8.25%;
填充:0;
列表样式类型:无;
}
#李州{
显示:内联;
}
#国家集装箱局{
文字装饰:无;
填料:2米1米;
颜色:#000;
字体系列:Arial、Helvetica、无衬线字体;
字号:1em;
文本转换:大写;
垂直对齐:文本顶部;
颜色:#999999;
}
#州:悬停{
字号:1.55em;
颜色:#000;
}
#州\容器ul li。所选\州{
字号:1.55em;
颜色:#000000;
}
-
-
-
-
在我看来像是一个IE bug。从#state_container ul
中删除margin top
,并将其添加为#state_container
上的padding top
,应该可以解决此问题:
#state_container {
padding-top:8.25%;
}
#state_container ul {
margin:0;
padding:0;
list-style-type: none;
}
或者,根据需要支持的浏览器,可以选择将%
替换为vh
:
#state_container ul {
margin:0;
margin-top:8.2vh;
padding:0;
list-style-type: none;
}
您正在使用任何“规范化”CSS吗?@LeandroRuel我不确定这是什么,所以我不得不说可能不是。我会查一下它是什么。@leandrouel你是说css重置吗?如果是这样,那么是的,我是。酷,你的重置有这个>
*{box size:border box;}
?@leandruel它没有,但是添加它没有什么区别。