css-position - 去除位置 : absolute inside of position:relative inside of overflow:auto 的滚动条

Question

大家好，我的第一个问题是堆栈溢出。试图让一些非常简单的东西工作，我确信我错过了一些非常明显的东西。仍在习惯“标准”CSS，与非功能性 CSS 打交道太多年了!呵呵。

所以，我正在做的事的例子:

<div style="overflow: auto; border: 1px solid">
    hello
    <div style="position: relative; z-index: 99999; top: 0px; left: 0px;">
        <div style="z-index: 99999; overflow-y: hidden; position: absolute; overflow: hidden; height: 200px; left: 0; auto: 0">
            <ul>
                <li >New</li>
                <li >Old</li>
            </ul>
        </div>
    </div>
</div>

本质上:第一个 div 是一个容器，我想在添加内容时自动溢出。在该容器内，我有一个弹出菜单，我在此处对其进行了简化。弹出菜单直接出现在“hello”下方(应该如此)。

但是，我的问题是，它并没有像绝对位置所期望的那样从父级“弹出”弹出菜单，而是实际上导致滚动条出现在父级上。

我知道如果我采用“position:relative”它会起作用，但它不再出现在我想要的位置(直接在前一个元素下)。

我在这里错过了什么？

编辑: 此处示例:http://marcos.metx.net/OverflowTest.htm

Answer 1

首先 - 内联样式是一个很大的禁忌。

最好包含一个样式表并通过“id”或“class”属性将其应用到各个 div。

请阅读符合标准的 css w3schools

问题是你的溢出属性。

auto - “如果溢出被截断，应该添加一个滚动条以查看其余内容”

你要找的是“溢出:可见；”