jquery - Owl Carousel ，显示子绝对div，超过父溢出隐藏div

Question

我正在使用 owl carousel 2，我面临以下问题。

我有一个名为 owl-stage-outer 的父 div，根据轮播的要求，它有 overflow:hidden。

我有另一个 child div name: ribbon (showing 'New Arrival' and 'Big Sale') 这是 position: absolute 现在我面临的问题是，在旋转木马的第一项上，功能区因 overflow: hidden

而隐藏

reference image

Link on which I am working

我已经尝试过此 link 中提供的解决方案, 但它只对直接 child 有效。

提前致谢。

Answer 1

你可以添加这个 margin-left: 25px; 它的作品。

<div class="owl-item active" style="width: 240px;margin-right: 60px;margin-left: 25px;">

编辑:

它的作品

添加这个你的 container :

<div class="container" style="
    width: 1220px;
    padding: 0 40px 0 40px;
    overflow: hidden;
">

你的 owl-stage-outer :

<div class="owl-stage-outer" style="
    overflow: visible;
">