0

昨天我检查了一个突出显示我在一个网页主页中的产品幻灯片不是仅在 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/ ,但显然已修改。

提前致谢。

4

2 回答 2

0

看到我在这里创建了你的小提琴,它在 Firefox 中看起来很适合我。我已经减小了宽度#feature_wrap并签入了Firefox,它正在工作。您面临的问题是什么?

截屏

在此处获取完整图像。

于 2012-11-06T09:46:40.653 回答
-2

而不是使用overflow: hidden它更好地使用overflow-x: hidden, overflow-y: hidden如下:

#feature_wrap {
 width: 960px;
 height: 260px;
 overflow-x :hidden;
 overflow-y: hidden;
 position: relative;
 left: 0;
 right: 0;
 margin-left: auto;
 margin-right: auto;
}
于 2012-11-06T09:42:57.990 回答