Safari中的导航表浮动和宽度自动

Question

在一个新的Web项目中，我们遇到了一个CSS问题，它只出现在macOS Safari中： www.health4hospitality.co.uk/template

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

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

有人有快速解决方法吗？如果我不必仅仅因为Safari而不得不改变它，我会很棒。

Answer 1

我会为<ul>导航栏设置％宽度。 auto属性现在在Safari中将元素渲染为100％。设置这适用于我的浏览器：

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