Html div溢出容器，没有'；不要断线

我试着让第五个div打破界限，因为它的容器是100%宽度，而div是24%宽度

这是html代码，katalogue作为容器，kotakproduk作为div

<div className="katalogue">
    {produkbaru}
    <div className="kotakproduk">
        <div className="gambarproduk">
            <img src="" />
        </div>
        <div className="nama">
            Realme X2 PRO
        </div>
        <div className="harga">
            Rp. 1.700.000
        </div>
    </div>
</div>

---

第五舱从集装箱里溢出来。提前感谢

设置

柔性包装：包装

到

.katalogue

div

设置

柔性包装：包装

到

.katalogue

div

请分享你的屏幕短片..请分享你的屏幕短片。。

.kotakproduk{
    width:24%;
    position:relative;
    margin-top: 2%;
    transition: transform .2s;
}
.gambarproduk{
    height: 85%;
    }
.katalogue{
    display:flex;
    width:100%;
}