Html 尝试使滑块保持在背景图像边界内，并且仍然保持响应

我一直在尝试（非常努力）让这个滑块保持在背景图像的黑色区域内。如果我将所有宽度等设置为固定值，但 然后页面不再响应。当我尝试使用百分比时，所有内容都会随浏览器缩放，但滑块会四处跳跃…实体模型的运行速度为：

---

你好，我想我已经解决了你的问题

这很简单。您只需更改css中的两个值：

.rslides margin为65%auto

，并删除图像顶部的边距。那么它应该是这样的

滑块div：

.rslides {
     position: relative;
     list-style: none;
     overflow: hidden;
     width: 70%;
     padding: 0M
     margin: 65% auto;    
}

图像：

.rslides img {
    float: none;
    display: block;
    height: auto;
    width: 100%;
    border: solid 1px;
    border-radius: 10px;
    position: relative;
}

---

希望它能帮上忙：）

太棒了。它在正确的位置和响应，但滑块似乎已经拿起了一个过渡打嗝，它需要周围的帧区域的大小。对不起，如果我没有说清楚的话，它可以不跳。。。但是它的大小真的很难调整，因为你编码它的方式真的很奇怪。我建议您对整个网站进行返工，并重新安装。干净的代码总是能解决问题。看来我在这里看到的很多问题都会偏离主题。许多寻求css和html帮助的帖子都在问他们的代码有什么问题。这有什么不同？