html - Safari - 位置 :fixed doesn't breaks element from scope

Question

我发现了一个与定位相关的奇怪的 Safari 行为。

例如:

#parent {
  position:fixed;
  overflow-x: hidden;
  height:30px;
}
#toolTip-child {
  position:fixed
  display:block;
  top:10px;
  left:16px;
  height:100px;
}

据我所知，当位置设置为固定(或绝对，在那种情况下无关紧要)时，元素应该脱离范围并以某种方式独立呈现。

除了 Safari 之外，它在我们用来测试我们开发的网站的每个浏览器中都像我上面提到的那样工作。

在 Safari 中，如果父元素是 fixed 定位和 overflow-x 属性。被添加，无论我如何定位子元素(position:fixed, top, left -> 没关系)，如果它溢出父元素，它不可见。

我碰壁了，不知道如何强制 Safari 合作。

如果你们中的任何人有任何想法，我们将不胜感激。

Answer 1

好吧，这实际上不是答案，因为它看起来像是一个错误，但我有一个解决方法。

问题是，当我们将 overflow-x:hidden 应用于一个元素时，在 Safari 中它也会得到 overflow-y:hidden。我不知道为什么，但这似乎是一个普通的错误。

我想出的解决方法非常简单。

点击触发器后，子元素从隐藏切换到可见状态。我只是添加了两行。一个在 y 维度上调整父元素的大小。当子元素隐藏时，第二个调整它的大小。

不是最好的解决方案，但对我来说已经足够了。