继上一个问题 - Overflow issue in a fixed position sidebar - 我有一个带有固定 div 的链接列表，显示在 li:hover 上
http://codepen.io/anon/pen/RNxyVP
这适用于所有 Windows 浏览器 - Chrome、Firefox、Explorer、Opera 和旧的 Windows Safari。然而，在最新版本的 Safari(在 Mac 上)和在 iOS 上的扩展中，固定 div 显示保留在祖父固定 div 中，不会 float 在页面的其余部分。这也发生在 android chrome 上。
有没有办法让固定的 div float 在页面上，而不限于包装器 - 在这些浏览器上？
其他因素，例如可滚动的包装器 div(目前通过 overflow-x: hidden; )也必须保留/
最佳答案
因为你在 Mac 的 webkit 浏览器中设置了 sidebar-wrapper 'position:fixed'，如果一个固定元素有一个固定的 overflow:hidden 父元素，这个元素将被隐藏。