1

我正在尝试将行 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 中不起作用

4

1 回答 1

0

添加“浮动:左;” 在 .product{} 内

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

于 2013-07-27T23:54:15.477 回答