Javascript 如何使用位置：绝对覆盖溢出：隐藏外部元素的内部元素？

以下是我的HTML结构：

<div id="outer" style="overflow: hidden;">
    <div id="otherStuff">
      some other stuff goes in here
    </div>
    <div id="wrapper" style="position: relative;">
        <div id="popup" style="position: absolute;">
        </div>
    </div>
</div>

这里还有其他东西

我只想让我的

#popup

元素溢出

#outer

元素，但现在，它被

#outer

元素切掉了。顺便说一下，

#popup

元素应该基于

#wrapper

元素而不是

#outer

元素定位。

<div id="wrapper" style="position: relative;">

使其无法显示

如果它是弹出窗口，为什么它应该在“溢出：隐藏”div中？或者为什么包装器应该是相对的

---

您可以这样做：

对不起，溢出：隐藏就是这样。您不可能有一个位于元素内部的元素（考虑到dom结构）会在该元素的边界之外直观地显示出来。弹出窗口通常最好放在根级别，在body元素中的第一个或最后一个元素中

这是关于overflow属性的内容，一旦指定父元素的溢出内容被隐藏，它就会被隐藏。除非您将

#popup

设置为

位置：fixed

，否则它与根元素相关（或者我敢说与窗口相关）