css - Safari 中的导航表 float 和宽度自动

Question

在一个新的 web 元素中，我们有一个 CSS 问题，它只发生在 macOS Safari 中: www.health4hospitality.co.uk/template

Firefox 和 Chrome (Win/Mac) 以及 IE 和 Edge 正确显示导航。

在 Safari 上，导航显示在下方而不是 Logo 的右侧。 CSS 表格似乎是 100% 宽度，但它的宽度设置为自动。

有人有快速修复方法吗？如果我不必仅仅因为 Safari 而对它进行大量更改，我会很棒。

Answer 1

我会为 <ul> 设置一个百分比宽度导航栏。 auto属性现在在 Safari 中以 100% 渲染元素。跨浏览器设置它对我有效:

ul.navbar-nav {
    width: 55%;
}