div在IE9中垂直堆叠

Question

我遇到的问题是我的div在IE9中垂直堆叠而不是每行3堆。它们在所有其他浏览器中表现正常，甚至在开发人员工具IE9中显示正常，但在真正的IE9浏览器和浏览器堆栈中，所有div都堆叠成一列而不是三列。在此先感谢您的帮助！

实时网址为：http://www.homewetbar.com/glasses-drinkware-whiskey-glasses-c-211_207.html IE 9中问题的屏幕截图：http://www.homewetbar.com/images/bs_win7_IE_9.0.jpg

Answer 1

通过W3 validator运行您的网站。可能与某些出现的错误有关。

Answer 2

发现它，在发布有效后立即预感

IE9及以下版本不知道如何解释我在网上找到的多个列的代码：

[class*='col-'] {
    float: left; 
    min-height: 1px; 
    width: 31%; 
    /*-- our gutter -- */
    padding: 10px; 
}

我不得不将其更改为：

.col-1 {
    float: left; 
    min-height: 1px; 
    width: 31%; 
    /*-- our gutter -- */
    padding: 10px; 
}