jquery滑块的css定位问题

我有一个小问题，当我将屏幕大小增加到1200px以上时，将旋转木马中的内容保持在适当的位置。内容推到屏幕的左侧

我将旋转木马嵌套在它自己的包装器中，并赋予它以下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;
}

---

有人知道是什么导致了这个问题吗？我以前遇到过，设法解决了它，但不知道我是如何解决的。有人能帮我指出哪里出了问题，这样我以后就能节省时间了

这很有挑战性！你在那里使用的有趣样式。这就解决了这个问题：

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

---

您需要在.rslides_选项卡上执行相同的操作

您可以链接到您的页面，或者使用所有必要的代码制作一个JSFIDLE吗？实际上。。。这个问题被愚弄了？不完全一样，伙计，这是完全不同的，有一个链接到我的页面，上面写着“点击这里”哈！我花了太多的时间试图修复，我把伊托克弄得一团糟。旋转木马，改变位置：绝对到位置：相对-这修复了主要区域。只是彩条现在不起作用了，看看你能不能把它修好：）是的，彩条是个球。这让我的速度大大减慢了，他们应该和主div的宽度和位置相同，不是吗？您可以尝试将主div的样式复制到条上，看看是否有效。或者甚至可以将它们放在页面顶部的主div中，而不是放在页面的末尾，然后绝对定位