gpt4 book ai didi

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

转载 作者:搜寻专家 更新时间:2023-10-31 22:58:34 27 4
gpt4 key购买 nike

我正在使用 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 有效。

提前致谢。

最佳答案

你可以添加这个 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;
">

enter image description here

关于jquery - Owl Carousel ,显示子绝对div,超过父溢出隐藏div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36201595/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com