Twitter bootstrap 引导转盘：滑动时图像脱离div

我有个问题想不通。我使用的是bootstrap的carousel，除了转换之外，其他一切都很好：滑动转换开始时，下一个项目将从myCarousel div中显示，而上一个活动项目在被我的下一个项目替换时将从myCarousel div中滑出

以下是我的html代码：

<div id="myCarousel" class="carousel slide span6">
     <div id="carousel-inner">
            <div class="active item">
                 <img src="img/abstract-landscape-paintings-bursting-sun.jpg" />
             </div>
             <div class="item">
                  <img src="img/charnwood_forest_landscape.jpg" />
             </div>
      </div>
      <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
      <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
</div>

这里有一个指向我的问题示例的链接，您可以检查我的整个代码：

有人能看到问题出在哪里吗

谢谢大家!

<div id="myCarousel" class="carousel slide span6" style="overflow:hidden">
 <div id="carousel-inner">
        <div class="active item">
             <img src="img/abstract-landscape-paintings-bursting-sun.jpg" />
         </div>
         <div class="item">
              <img src="img/charnwood_forest_landscape.jpg" />
         </div>
  </div>
  <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
  <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>

---

嘿，朋友添加溢出隐藏在myCarousel id中。

您可以将此添加到css中：

.carousel { overflow: hidden; }

及

---

只需添加

宽度：100%到图像

img {
    width: 100%;
}

我尝试了Kader的解决方案来设置“溢出：隐藏”，但出于某种原因，这只适用于大屏幕。div外的溢出仍然出现在较小的屏幕上

最后，我在页面顶部添加了一个样式来解决这个问题：

.carousel-inner > .next {
    display: none;
 }
 .carousel-inner > .prev {
    display: none;
 }

传入图像在转换期间添加了.next或.prev类。通过隐藏此元素，可以防止溢出问题

可能有一个更优雅的解决方案，但这是快速、简单和有效的。
如果
溢出：隐藏
则尝试固定
旋转木马项目的高度

#carousel-item {
    height: 40rem;
} 

以及

好的，这些解决方案都不适用于我，但我最终发现使用转盘上的最大高度可以避免图像超出范围：

.carousel {
    max-height: whatever;
}

我知道事情会这么简单。。非常感谢。我也面临着同样的问题，溢出的东西对我不起作用：（我知道它会很简单……谢谢！
#carousel-item {
    height: 40rem;
} 

img {
    width: 100%;
    height: 100%;
    display: block;
    background-size: cover;
  }

.carousel {
    max-height: whatever;
}