css - Mozilla firefox中的宽度错误[带有引导程序的站点]

Question

首先在铬

Mozilla中的第二名

.card {
    flex-direction: row;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
}
.about img {
    width: 30%;
    border: 3px solid #1596C7;
}

.card-body {
    flex: 1 1 auto;
    padding: 1.25rem;
}

<div class="card d-flex">       
                    <img src="" class="card-img-top  rounded-circle">
                    
                    <div class="card-body ml-sm-4">
                    </div>
 </div>

我试图为图像制作一个 div 但不工作。

一件有趣的事情是，在响应式中，当父 div 具有 flex-direction: column 而不是 row 时，一切正常。

标签： csswidth