Question

我想在其父级上显示嵌套div，而父级有溢出-y：scroll

<div id="parent"><div id="child"></div></div>

和css：

#parent {
    position: absolute;
    width: 150px;
    height: 150px;
    background-color: green;
    overflow-y: scroll;

}

#child {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 70px;
    background-color: red;
    z-index: 2; (????)
}

想要得到的是红色div实际上出现在绿色的上方而没有激活溢出属性。但它只是在其父级上呈现，然后使用滚动条溢出。所以它超过了父母，它自然而然，但不是在它之外，我很遗憾不能抛弃溢出属性。我只是想忽略它的那一个元素，几乎把它改成溢出：可见。

Answer 1

儿童不能退出父母的DIV。你需要使用position：absolute，甚至两个不同的父div。

见这里：https://philipwalton.com/articles/what-no-one-told-you-about-z-index/

这是一个css技巧解决方案：https://css-tricks.com/almanac/properties/z/z-index/

祝你好运，下次只需在jsFiddle中发布代码。

css - 以不同的顺序渲染嵌套的div（z-index？）

1 个答案: