我有一个小问题,当我将屏幕尺寸增加到1200px以上时,将内容保留在我的旋转木马中,将内容推到屏幕的左侧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;
}
有谁知道是什么导致了这个问题,我之前遇到过它,设法修复它,但不知道我是怎么做到的。有人可以指出我哪里出错了所以我可以节省时间。
答案 0 :(得分:1)
这很有挑战性!你在那里使用的有趣风格。这解决了它:
摆脱carousel上的clearfix类,并将position:absolute更改为position:relative
你需要在.rslides_tabs上做同样的事情