不同浏览器显示页面不同

问题遇到的现象和发生背景

背景:尝试开发一个饿了么的网页,请求指点
问题:相同页面在edge和firefox浏览器的显示效果不同,不知道具体问题出现在哪里?

运行结果及报错内容

img


此处下面的标签页(菜单栏)是固定在页面上的,导致最后一个商家信息显示不全,因此设置上面商家margin-bottom:14vw 想要顶开标签页(菜单栏),但是在edge浏览器上还是无法顶开。

img


最后发现换到火狐浏览器就顶开了

我的解答思路和尝试过的方法

不知道edge浏览器和火狐浏览器为什么会出现这种情况?尝试搜索过edge和firefox不兼容的元素,但是没有发现问题。

我想要达到的结果

想在edge浏览器上达到同样的效果。

调试css最好的工具就是浏览器,你在edge上把菜单栏设置为透明,然后检查商家margin-bottom有没有生效,生效了效果对不对,我觉得就能发现问题所在了

会不会是 列表的父元素 高度 不够