是否可以在粘性父母之外定位和显示孩子？

【问题标题】：Is it possible to position and display child outside of sticky parent?是否可以在粘性父母之外定位和显示孩子？
【发布时间】：2022-06-15 15:56:28
【问题描述】：

我有一个按钮，它是具有position: sticky; 的侧边栏的子项。我想在侧边栏之外显示部分按钮，但似乎position: sticky; 似乎隐藏了overflow: hidden;，因为我无法弄清楚如何在粘性父项之外显示我的子按钮。

Visual explanation

当前css：

#parent {
    position: sticky;
    width: fit-content;
    height: 100%;
}

#child {
   position: absolute;
   top: 50%;
   rigth: 0;
   transform: translateX(50%);
   z-index: 1; /* tried, doesnt help */
}

position: sticky; 是否基本上包括overflow: hidden; 或者有什么方法可以在不做类似于this solution for hidden overflow parent 的事情的情况下在它之外显示一个孩子？

【问题讨论】：

• 能否也提供html代码？

标签： html css