Html 定位响应幻灯片

我想定位我的responsiveslide并调整图像大小，使其适合我的网站。这是当前的CSS文件：

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 90%;
  margin: 0px;
  padding: 0;
  border: 0;
  margin-left: 10%;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 0px;
  margin: 0px;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 90%;
  border: 0;
  margin: 0;
  margin-bottom: 0px;
  margin-left: 10%;
  }

但这给了我以下结果：

有没有办法把图像放大，使白边消失？

---

谢谢。

我在自己的项目中使用了响应式滑块，您可以自定义滑块的默认CSS。

在您的

.rslides img

类中，您有

宽度：90%

和

左边距：10%

将其更改为

宽度：100%

和

左边距：0

（或者完全删除左边的

边距

，因为您已经有

边距：0px

）应该去掉白色边框，并且图像应该拉伸以填充内容

---

我认为你可能犯了这个错误的原因是，你把它放在了两者中，要么是出于偶然，要么是因为混淆了div细分的工作原理。在你的例子中，

rslides

类已经将内容向左移动了

边距：10%

，并且包含了

宽度：90%

，所以在

rslides img

中再次这样做，你就可以e有效地使用90%的div，并将边距移动90%宽度的10%

请制作一个工作小提琴。CSS这样更容易调试。由于某些原因，它无法在小提琴中工作。我的输出：为什么你的

宽度：90%

在

中。rslides img{}