css定位问题与jquery滑块 [英] css positioning issue with jquery slider

问题描述

我有一个小问题，保持我的旋转木马的内容，当我增加我的屏幕大小超过1200px内容推到屏幕的左侧点击这里

I have a slight issue, keeping the content in my carousel in place when i increase my screen size beyond 1200px content pushes to the left hand side of the screen click here

我已经嵌套在自己的包装中的carousel，并给予它以下css属性

I've nested the carousel in it's own wrapper and given it the following css properties

.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;
}

有没有人知道是什么原因导致这个问题， ，设法解决它，但不是没有我怎么做。有人可以指点我在哪里我错了，所以我可以节省时间在未来。

Does anyone know what is causing this issue, i've come across it before, managed to fix it but don't no how i did it. Can someone kindly pin-point me where i'm going wrong so i can save time in future.

推荐答案

这很有挑战性！你在那里使用的有趣的风格。这修复了它：

That was challenging! Interesting styles you're using there. This fixes it:

在旋转木马上删除clearfix类，并将位置：absolute更改为position：relative

Get rid of the clearfix class on carousel, and change position:absolute to position:relative

你需要在.rslides_tabs

You'll need to do the same sort of thing on .rslides_tabs

这篇关于css定位问题与jquery滑块的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！