Safari中烦人的引导菜单问题答案

【问题标题】：Annoying Bootstrap Menu issue in SafariSafari中烦人的引导菜单问题
【发布时间】：2015-06-29 16:24:19
【问题描述】：

我在 OSX / IOS 设备上的 Safari 中的引导菜单遇到了一个非常烦人的问题。

如果您查看此页面：

链接已删除

在 chrome 或 Firefox 中，您会看到它的外观，但是如果您在 Safari 中查看，菜单的中间部分不会与顶部齐平。当文本重叠时，这会导致在 iPad 上查看时出现问题。它应该是这样的：

然而，它是这样的：

我尝试了各种不同的方法，但似乎无法弄清楚 Safari 中的具体原因。

是否有任何常见问题可能导致我丢失它？

【问题讨论】：

想要达到效果不需要使用绝对位置。你的 CSS 也太重要了。
谢谢，我已经设法在平板电脑上对其进行了排序。它现在只是 Safari 桌面视图，它与 Chrome 显示不同:(
谢谢，我已经在平板电脑等设备上解决了这个问题。只需像在 Chrome 中一样让中间菜单在 Safari 中转到顶部即可。绝对位置在哪里？
我帮不上什么忙，因为我没有 Mac。我推测它是由position:unset 引起的——这是一个无效值。试试position:static，这是默认值。
为什么在ul、lis 和as 上使用float:left？这可能是问题所在。设置float:none。

【解决方案1】：

总结问题下的cmets，问题是float:left。它使一些元素的高度等于 0。此外，position:unset 无效，因此正在使用来自另一个选择器的 position:absolute。

【讨论】：