Html 嵌套在固定位置div中的绝对位置div的Z索引

我有一个固定位置的div（header），它有一个子div，位置绝对，我想在所有东西的顶部（就z指数而言），但我似乎不知道如何做到这一点。具有绝对位置的子div的高度大于收割台，但不延伸到收割台上方

这应该延伸到红色部分

内容

.集装箱{
宽度：100%；
身高：100%；
填充顶部：89px；
位置：相对位置；
z指数：10；
背景：红色；
}
.标题{
位置：固定；
高度：89px；
显示：块；
填充：0 20px；
顶部：0px；
左：0px；
右：0px；
溢出y：隐藏；
背景：绿色；
z指数：500；
}
.搜索框{
宽度：300px；
浮动：左；
位置：相对位置；
z指数：501；
}
.搜索框。输入结果{
位置：绝对位置；
顶部：10px；
左：1px；
宽度：300px；
高度：300px；
z指数：9999；
背景：白色；
}

我想要的是白色div（输入结果）位于所有内容的顶部，但是它会在固定的header div的末尾被截断

我想弄明白这一点，真是疯了。

你有：

overflow-y: hidden;

在

.header中

---

这意味着任何超过.header高度的内容都将被删除。如果不需要该属性，请删除该属性。

您将.header上的overflow-y设置为hidden。这意味着白色区域被.header的高度所覆盖。将此更改为溢出-y:可见；这应该可以解决您的问题。

使用

*{margin:0；padding:0；}

代替定义每个要规范化的元素css@AspiringAqib不建议使用

*

作为选择器。O.O@MrLister谢谢这就是为什么我在想为什么所有网站都不使用它。这里有一个例子说明了一匹小马在说什么。和z指数无关。哇。太谢谢你了，真不敢相信我错过了@MrLister我认为

z-index

适用于任何

位置

而不是

静态

可见

是默认值，因此您最好省略它。

overflow-y: hidden;