Javascript 如何在chrome或firefox的css中定义top属性

当我更改top属性的“组合切换栏”的CSS时。若它的顶部是：-48px，那个么它在Chrome浏览器上并没有显示任何差距，但问题出现在Firefox浏览器上。如果top:-52px，那么它在Firefox浏览器上没有显示间隙，但chrome显示间隙。你也可以看到截图

给我解决这个问题的方法。我已经附上了两个浏览器的截图

$（文档）.ready（函数（）{
$（“.combi\u search\u btn”）。单击（函数（）{
$（“.search grid”）.toggle（）；
});
});

.combi\u切换栏{
显示：块；
浮动：对；
位置：绝对位置；
z指数：100；
右：0px；
顶部：-52px；
-webkit页边距顶部：-48px！重要；/*适用于mozilla*/
-moz页边距顶部：-52px！重要；/*适用于mozilla*/
z指数：9999；
显示：内联块；
}
.combi_search_btn{
边界：无；
浮动：对；
背景#f1f2；
边界半径：14px 14px 0；
边框：2个实心#巴巴巴；
边框底部：0px；
填充：15px；
颜色：#0A79AD；
字体大小：14px；
字号：700；
光标：指针；
}

搜索产品+

添加以下css，仅对chrome有影响

I am facing the problem in css for different browser. 

---

添加以下css，这将只影响chrome

I am facing the problem in css for different browser. 

---

尝试为场景添加一个提琴。您似乎缺少所参考的屏幕截图。请打开此链接，然后您将看到屏幕截图。[1] ：[2]：如何

底部：0

？尝试为场景添加一个提琴。您似乎缺少所参考的屏幕截图。请打开此链接，然后您将看到屏幕截图。[1] ：[2]：怎么样

底部：0

？谢谢Arun Kumar。。！！我在Firefox浏览器上遇到了同样的问题，分辨率为1920。第1366号决议没有问题。请给我一个解决方案，如何在同一个浏览器上通过分辨率来修复它。尝试这个媒体查询@media screen和（最小宽度：1366px）{css styles}如果我使用这个媒体查询，那么它对chrome浏览器的影响很小。谢谢Arun Kumar。。！！我在Firefox浏览器上遇到了同样的问题，分辨率为1920。第1366号决议没有问题。请给我一个解决方案，如何在同一个浏览器上通过分辨率进行修复。请在媒体屏幕和（最小宽度：1366px）{css styles}上尝试此媒体查询。如果我使用此媒体查询，则其对chrome浏览器的影响较小。