时间戳

首页 > 解决方案 > div 溢出容器并且没有换行

html - div 溢出容器并且没有换行

问题描述

我试图让第 5 个 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>

.css 文件

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

第 5 个 div 从容器中溢出。提前致谢

标签： htmlcss

解决方案

设置flex-wrap: wrap为.kataloguediv

推荐阅读