相关疑难解决方法(0)

我正在尝试将填充添加到元素内的display:flex元素.当填充定义为百分比时,它不会在Firefox中显示,但在定义时会显示px.两种情况都在Chrome中按预期工作.

div {
    background: #233540;
}
div > div {
    color: #80A1B6;
}
.parent {
    display: flex;
}
.padded {
    padding-bottom: 10%;
}

<div class="parent">
    <div class="padded">
        asdf
    </div>
</div>

铬:

火狐:

编辑:这可能是因为Mozilla决定根据父容器的高度来解释垂直百分比.对我来说似乎很疯狂.https://bugzilla.mozilla.org/show_bug.cgi?id=851379

编辑2:是的,看起来规范实际上定义了垂直填充和边距,因为它是根据容器的高度来解决的,所以Chrome可能是不符合规范的那个？ https://drafts.csswg.org/css-flexbox/#item-margins

38
推荐指数

3
解决办法

2万
查看次数

css ×1