z-index忽略最大高度并始终位于顶部

Question

在上图中，块列表的最大高度为overflow-y: scoll。但是，当单击更多图标时，我希望下拉列表覆盖所有内容，并忽略父div的最大高度。

css是否可能？

Answer 1

您的弹出窗口可能是绝对定位的元素，并且绝对定位的元素是最接近其非静态（相对或绝对）定位父元素的子元素。如果该父项具有overflow: hidden/scroll/whatever样式，则无论您将子项的z-index设置为什么，都将切断子元素。

您需要从可滚动的父div移除position: relative/absolute并将其放在下一个祖父母div上，然后子元素将不受父div的overflow样式的影响，但是您可能如果孩子的父母已更改，则可以更改其对孩子的排名计算。

此处的相关文章：http://front-back.com/how-to-make-absolute-positioned-elements-overlap-their-overflow-hidden-parent