css - 溢出隐藏在 Firefox 上不起作用

Question

昨天我检查了我在一个网页主页上的突出显示产品幻灯片不是仅在 Firefox 上垂直对齐的属性，它在 IE 和 Chrome 上工作正常。

我在搜索信息时发现了很多年前关于 FF 的错误。我尝试了一些我找到的解决方案，但没有一个有效。

<div id="feature-wrap-container">
    <div id="feature_wrap">
        <div id="scrollable">
           //a list of element floating left
        </div>
    </div>
</div>

#feature-wrap-container{
 background-color: #ffffff;
 width: 100%;
 height: 260px;
}

#feature_wrap {
 width: 960px;
 height: 260px;
 overflow:hidden;
 position: relative;
 left: 0;
 right: 0;
 margin-left: auto;
 margin-right: auto;
}

#scrollable {
 height:100%;
}

在 chrome 和 IE 上，div 位于窗口的中心，在 firefox 中，feature_wrap 右对齐并使窗口大于 100%。

幻灯片基于:http://wordpress.org/extend/plugins/featured-posts-slideshow/ , 但显然被修改了。

提前致谢。

Answer 1

看，我已经创建了你的 fiddle here ，它在 Firefox 中对我来说看起来不错。我减少了 #feature_wrap 的宽度并在 firefox 中检查，它正在工作。您面临的问题是什么？

获取完整图像 here .