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

Question

任何熟悉Nivo Slider Jquery插件的人？我刚刚下载了最新版本并将其与Skeleton Framework一起使用，它在Safari＆amp; Chrome但不在Firefox中。

这是网站http://bit.ly/Y7lsmh

它偏离中心，偏向右边，是否有任何特定的Firefox风格我错过了？

Answer 1

你有一个div包装类“十六列”。 移除浮子：留在那个浮子上，它将全部神奇地工作。

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

如果再次测试，你会看到鞋子被放大了。由于您错过了#products div中“五列”的float: left。 在“五列”float: left

上添加skeleton.css (ln 39)

现在您只需要确保#products div包围five columns。 您可以通过为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并解决问题。