css - 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;
}

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

Answer 1

添加“ float :左；”在 .product{}

里面

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