最新的Nivo Slider Jquery插件在Firefox中有不同的位置

Question

任何熟悉Nivo Slider Jquery插件的人都会知道吗？我刚刚下载了最新版本，并将它与Skeleton Framework一起使用，它在Safari浏览器& Chrome中正常工作，但不在Firefox中。

下面是该网站http://bit.ly/Y7lsmh

它的方式偏离中心，偏右，有没有针对Firefox任何特定的风格我失踪？

Answer 1

你有一个div包装类“十六列”。 删除浮动：留在那一个，它将会神奇地工作。

你不需要浮动这个div。 skeleton.css (ln 25)

如果你再次测试，你会看到鞋子放大。由于您在#products div的“五列”中缺少float: left。 对“五列” skeleton.css (ln 39)

现在你只需要确保你的#products DIV的five columns周围包裹添加float: left。 你可以通过给div一个适当的宽度和高度来做到这一点，但最好是用一个clearfix动态地包装内容。

添加到您的CSS文件。 来源：http://www.webtoolkit.info/css-clearfix.html

.clearfix:after { 
    content: "."; 
    display: block; 
    clear: both; 
    visibility: hidden; 
    line-height: 0; 
    height: 0; 
} 

.clearfix { 
    display: inline-block; 
} 

html[xmlns] .clearfix { 
    display: block; 
} 

* html .clearfix { 
    height: 1%; 
} 

此clearfix类添加到div #products和问题就解决了。