Chrome和＆lt;产品列中的产品列令人费解的跨浏览器显示问题火狐

Question

我在Big Commerce上有一个网站，它有一些令人费解的显示问题。查看chrome http://omgdecor.com/主页时，在“新产品”部分下，它们是4列产品。如果你在Firefox中查看同一页面和部分，它只显示3列。我需要它总是4列。我没有看到问题，有没有方向或答案的人？

Answer 1

您的来源表明这些li元素具有设置宽度的内联样式。 Chrome会报告此事：

<li class="Odd" style="width: 159px !important; height 316px;">...</li>

但Firefox报道了这一点：

<li style="width: 251px; height: 301px;" class="Odd">...</li>

无论生成哪些列表项元素都是您的问题。