Question

这是我的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元素定位。

Answer 1

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

让它无法展示。

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

你可以这样做：http://jsfiddle.net/nn007/9FehL/

Answer 2

抱歉，但溢出：隐藏就是这样。你不可能有一个位于其内部的元素（考虑到dom结构），它将在视觉上显示在该元素的边界之外。弹出窗口通常最好放在根级别，在body元素内的第一个或最后一个元素

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

2 个答案: