jquery - jQuery滑块的CSS定位问题

Question

我有一个小问题，当我将屏幕尺寸增加到超过 1200 像素时，将内容保留在轮播中，内容推送到屏幕左侧单击此处

我已经将轮播嵌套在它自己的包装器中，并赋予它以下 css 属性

.carsousel-container{
    position: relative;
    width: 100%;
}   

.carousel{
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    min-width: 320px;
    position: absolute;
}
.carousel-bg{
    margin-top: -542px;
}

.left-side{
    margin: -487px 40px;
}

#shots-carousel{
    width: 90%;
    margin: 46px 13%;
    position: absolute;
    max-width: 1600px;
}

有谁知道是什么导致了这个问题，我以前遇到过，设法解决它，但不知道我是怎么做到的。有人可以指出我哪里出错了，这样我以后可以节省时间。

Answer 1

那很有挑战性！您在那里使用的有趣样式。这修复了它：

摆脱 carousel 上的 clearfix 类，并将 position:absolute 更改为 position:relative

你需要在 .rslides_tabs 上做同样的事情