如何使内部元素具有位置:绝对覆盖溢出:隐藏外部元素

How to make inner element with position:absolute override overflow:hidden of outer element?

本文关键字：元素 外部 覆盖 溢出 隐藏 位置 何使内      更新时间：2024-02-12

这是我的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;">

使其无法显示。

如果它是弹出的，为什么它应该在"overflow：hidden"div中？或者为什么包装器应该是相对的？

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

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

相关文章：