ショッピングサイトのように見えるように、行div内の製品divを4つに揃えようとしています。これは、ChromeとFirefoxで正常に機能しますが、真ん中が重なって、div内にあるはずの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は4つの製品を保持するdivコンテナーであり、製品はその中に4つのボックスがありますが、IEでは機能しません。