Javascript 引导3转盘定位不工作

我为某个网站创建的旋转木马有问题。除了Mozilla firefox版本25.0之外，在我测试过的所有浏览器中，旋转木马都能正常工作 这是正在发生的事情的图像

如果有人遇到过simalar问题，我想知道他们是如何解决的，谢谢 这是传送带的代码

<!-- Carousel================================================== -->
<div id="Carousel" class="carousel slide">
<!-- Indicators -->
<ol class="carousel-indicators">
  <li data-target="#Carousel" data-slide-to="0" class="active"></li>
  <li data-target="#Carousel" data-slide-to="1"></li>
  <li data-target="#Carousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
  <div class="item active">
    <img src="images/slide_pics/1.png" alt="First slide">
    <div class="container">
      <div class="carousel-caption">
        <h1>Example headline.</h1>
        <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
        <p><a class="btn btn-large btn-primary" href="#">Sign up today</a></p>
      </div>
    </div>
  </div>
  <div class="item">
    <img src="images/slide_pics/2.jpg"  alt="Second slide">
    <div class="container">
      <div class="carousel-caption">
        <h1>Another example headline.</h1>
        <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
        <p><a class="btn btn-large btn-primary" href="#">Learn more</a></p>
      </div>
    </div>
  </div>
  <div class="item">
    <img src="images/slide_pics/3.jpg" alt="Third slide">
    <div class="container">
      <div class="carousel-caption">
        <h1>One more for good measure.</h1>
        <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
        <p><a class="btn btn-large btn-primary" href="#">Browse gallery</a></p>
      </div>
    </div>
  </div>
</div>
<a class="left carousel-control" href="#Carousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
<a class="right carousel-control" href="#Carousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>

---

这里不一定是答案，更多的是调试提示。。。但当我遇到这样的问题时，我会在你当前的css后为每个项目添加一个1px的边框，但颜色不同，例如

.navbar-wrapper {1px solid purple;}
.carousel {border: 1px solid black;}
.carousel-caption {border: 1px solid yellow;}
.carousel .item {border: 1px solid blue;}
.carousel-inner > .item > img {border: 1px solid red;}

---

完成后，您将看到谁是“罪魁祸首”-您很可能必须指定左边距：0px；对于该元素，Firefox似乎错误地从父元素继承了边距。那就干掉疯狂的边界吧

我也有同样的问题，我发现问题出在传送带上

.carousel { border: 1px solid black; }

修正了这个问题

Firefox20（Mac）

---

Bootstrap 3.1.1

我只用它就解决了：

.carousel {
  border-top: 1px solid #000
}

---

我已经加入了html和cssAwesome，因为现在这是一个更好的问题；）对于HTML和CSS，我看不出普通FF和夜间v27.0a1之间有什么区别。也不适用于其他浏览器。但这和你的截图完全不同。它在其他浏览器上运行良好，但在mozilla firefox版本25.0上，它仍然会给我这个错误@李斯特先生，非常感谢。我从没想过这件事。原来是左边框导致了Mozilla Firefox 25.0的问题。我也遇到了同样的问题，这就解决了问题。我想知道为什么？究竟为什么上边框与元素定位错误有关？问题仍然存在于41.0.1版中

.carousel {
  border-top: 1px solid #000
}

.carousel {
  border-top: 1px solid transparent;
}

body {
    overflow-x: hidden;
}