jquery - jquery slider 的CSS定位问题

标签 jquery html css media-queries

我有一个小问题,当我将屏幕尺寸增加到超过 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/

相关文章:

html - CSS 流体视频

apache-flex - 关于如何为 future 的 Flash/Flex/HTML5 开发做准备有什么想法吗?

python - 列出时间格式的元素并计算与今天的时间差异

javascript - 如何将自定义 CSS/JS 添加到 Grails 2.4.x 布局/模板?

javascript - 在鼠标悬停时重新排列文本/字母

c# - ASP.NET MVC DropDownList 导致我不期望的回发 - 似乎源自 JavaScript

jquery - ajax 完成事件后隐藏加载微调器

html - 在列表项内的 x-overflow 上截断

css - 按钮不显示

javascript - jQuery 循环 : Scroll back to the first slide after the last slide