Html Can'；t获取z索引以将内容带到溢出之外

我在一个老网站上做一个项目，我尽量不改变太多的结构（不是在预算中）。我正处于css的最后一部分，遇到了一个问题。在不深入设计细节的情况下，我有一个元素，它的样式看起来像一条缎带，挂在主要内容部分的外面。

内部

容器上的

溢出

正在将其切断，但需要

溢出

来容纳所有帖子

我已经复制了这个问题，请忽略这个示例中可怕的非样式化，只是试图显示这个问题

如果隐藏

溢出：隐藏

在

#internal

中，您将看到

.category

是如何挂在外部的。我一直尝试使用

z-index

和

位置：relative以解决问题，但它不起作用

感谢您提供的任何帮助。
如果您的父容器中有溢出的隐藏内容，则无论其子容器的位置或z索引如何，它都会将其切断

尝试使用div类“outer”添加功能区。让这个外层包裹内层，给它一个相对的位置

<div class="outer">
    <div class="ribbon"></div>        
    <div class="inner">
        Article thingy
    </div>
</div>


第三条

通过这种方式，您可以隐藏溢出，并在文章周围添加内容。加上z-index为1，效果与z-index相同：999
我认为父级上的溢出是绝对的。问题是功能区或
.category
必须包含在
.post
中，因为它的位置绝对位于
.post
的右上角，所以它不能位于DOM中的
#inner
上方，因为它是整个内容部分的包装器。可能需要改变设计，但也许有人有一个窍门。