我有一个小问题,当我将屏幕尺寸增加到超过 1200 像素时,将内容推送到屏幕的左侧 click here
我将旋转木马嵌套在它自己的包装器中,并赋予它以下 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_tabs 上做同样的事情
关于jquery - jquery slider 的CSS定位问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12168437/