滑块拉伸在Chrome中正常显示但不在Firefox中显示

Question

https://salty-beyond-6727-967.herokuapp.com/

这是我正在处理的主页的质量保证副本的链接。

我使用了一个滑块，它可以在Chrome（甚至是IE）中运行，但在Firefox中却没有，它会被切断并向右偏移。

我已经尝试过HTML验证我的代码，检查空div，移动内容容器，似乎无法解决这个问题。如果有人知道解决方案或能指出我正确的方向，我将非常感激！

Answer 1

定位<div class="slider-inner">内的下方div，并将其置于绝对位置。这将有效..

<div id="da-slider" class="da-slider">

CSS

div.da-slider{
   position: absolute;
}

Answer 2

标题和导航在您的代码中浮动。如果您在<div class="slider-inner">.. </div>之前添加清除：两者，这将会解决

或

<div class="clear"></div>
<div class="slider-inner">
.
.
.
</div>

<强> CSS：

.clear{    
clear:both
}

Answer 3

更简单的解决方案可能是将Float:Left添加到.da-slider类 .da-slider{Float:left}。如果您不想编辑滑块类，请从父类.slider-inner。

继承它