Wordpress 使用ul和li的菜单不'；在safari中无法正确显示

我对CSS相当陌生，但我已经在网站上创建了一个菜单，它悬停在背景视频上。 这是一个使用ul和li的简单菜单，它在我尝试过的每个浏览器（safari除外）中都能正确显示。 在Safari中，它像列表一样堆叠菜单项，而不像在chrome中那样堆叠成一行。这是我的菜单CSS。 为什么狩猎如此痛苦

#menu-main-navigation {
    list-style-type: none !important;
    margin: 0;
    padding: 0;
    display: flex !important;
    float: left:
}

任何帮助都将不胜感激。

---

谢谢。

对于Safari对flexbox的使用，您需要使用

-webkit

作为前缀：

#menu-main-navigation {
    list-style-type: none !important;
    margin: 0;
    padding: 0;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    float: left;
}

阅读更多关于