Div在IE中无法正确对齐 - 在Firefox / Chrome中完美运行

Question

我正在尝试将行div中的产品div与其中的4个对齐以使其看起来像一个购物网站，它在Chrome和Firefox上正常工作但似乎堆叠在中间重叠并且离开div它应该呆在里面。我已经尝试了很多解决方案，但没有一个有效，所以我需要帮助！

CSS

#products1 {
width:1000px;
height:320px;
margin:auto;
margin-top:10px;
margin-bottom:15px;
position:relative;
display:inline-block;
}

.product {
margin:auto;
height:320px;
width:230px;
border:1px solid #d9d9d9;
position:relative;
box-shadow: 0 0 5px #BBB;
display:inline-block;
}

产品1是一个div容器，用于容纳4个产品，产品是4个盒子，但只在IE中不起作用

Answer 1

添加“float：left;”在.product {}

顺便说一句，你没有提到哪个版本的IE