你好，我正在尝试创建一个干净/简单的图像滑块与只是HTML/CSS。 我已经设法创建了一个，但是，在每个幻灯片之间有非常大的空间，并尝试了一些东西来摆脱它们。

图像之间空格的屏幕截图

HTML代码

<div class="slider">
  <div class="slide" id="slide-1"><img class="rio-womens" src="https://i.imgur.com/8E2Z8s5.jpg" height="100%" alt="♥"></div>
  <div class="slide" id="slide-2"><img class="rio-womens" src="https://i.imgur.com/8E2Z8s5.jpg" width="100%" alt="♥"></div>
  <div class="slide" id="slide-3"><img class="rio-womens" src="https://i.imgur.com/8E2Z8s5.jpg" height="100%" alt="♥"></div>
  <div class="slide" id="slide-4"><img class="rio-womens" src="https://i.imgur.com/8E2Z8s5.jpg" width="100%" alt="♥"></div>
  <div class="slide" id="slide-5"><img class="rio-womens" src="https://i.imgur.com/8E2Z8s5.jpg" height="100%" alt="♥"></div>
</div><div class="slider">
  <div class="slide" id="slide-1"><img class="rio-womens" src="https://i.imgur.com/8E2Z8s5.jpg" height="100%" alt="♥"></div>
  <div class="slide" id="slide-2"><img class="rio-womens" src="https://i.imgur.com/8E2Z8s5.jpg" width="100%" alt="♥"></div>
  <div class="slide" id="slide-3"><img class="rio-womens" src="https://i.imgur.com/8E2Z8s5.jpg" height="100%" alt="♥"></div>
  <div class="slide" id="slide-4"><img class="rio-womens" src="https://i.imgur.com/8E2Z8s5.jpg" width="100%" alt="♥"></div>
  <div class="slide" id="slide-5"><img class="rio-womens" src="https://i.imgur.com/8E2Z8s5.jpg" height="100%" alt="♥"></div>
</div>

CSS代码

.slide {
  width: 100%;
  flex-shrink: 0;
  height: 100%;
  padding: 0px ;
  margin: 0px ;
}

.slider {
  width: 1400px;
  height: 650px;
  display: flex;
  overflow-x: auto;
  margin: 0px ;
  padding: 0px ;
}

• 我尝试将幻灯片/滑块/图像类（rio-womens）的边距/填充设置为0
• 我在这里发现了一个类似的问题，说要添加这个CSS代码:

  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.slider {
  height: 400px;
  overflow: hidden;
}
.slider img {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

可惜没有用，因为它让我的影像消失了。 所以我去掉了“display:none”。 这使得我的图像返回，然而，留给我与以前相同的问题（图像之间的空格）。

我已经尝试使用了一些不同的轮播代码，包括bootstrap/jss滑块。 然而，由于我的图像是不同的大小/水平和肖像，我发现他们不太正确。 这已经是最接近我目前所寻找的-干净，简单，从左到右滑动。

如果你能帮上忙我已经想了好几天了。

提前谢谢！