Css 如何在Firefox中使用flexbox固定高度：自动？

我对Firefox中的flexbox和height:auto有问题：

.portfolio{
宽度：100%；
位置：相对位置；
溢出：可见；
显示器：flex；
弯曲方向：行；
柔性包装：包装；
证明内容：之间的空间；
背景色：红色；
}
.投资组合a{
显示：块；
背景色：黑色；
宽度：30%；
高度：自动；
填充顶部：30%；
/*1:1纵横比*/
位置：相对位置；
/*如果你想要里面有文字*/
利润底部：5%；
}

---

.portfolio

默认情况下没有高度。在这种情况下，将高度设置为

auto

将不起任何作用

设置<代码>高度：30%到

.portfolio

的孩子将什么也不做，因为这样做的逻辑是：占据父母身高的30%，即0。同样，如果您将

.portfolio a

的高度设置为

30vh

（视口高度的30%），或者您可以给它一个像素值

在下面的示例中，我已经将高度设置为100px，但是很明显，您可以将其更改为您想要的任何值

.portfolio{
宽度：100%；
高度：100px；
位置：相对位置；
溢出：可见；
显示器：flex；
弯曲方向：行；
柔性包装：包装；
证明内容：之间的空间；
背景色：红色；
}
.投资组合a{
显示：块；
背景色：黑色；
宽度：30%；
高度：自动；
填充顶部：30%；
/*1:1纵横比*/
位置：相对位置；
/*如果你想要里面有文字*/
利润底部：5%；
}

仅检查元素，当您将

设置为高度时，
.portfolio
没有高度（至少在FF中）。portfolio a

设置为高度：30%；它占用了其父级内部30%的空间，即0。是的，但即使我添加到。公文包高度：自动问题仍然存在。

height:auto与未指定高度完全相同。因此，汽车。请参见下面我的答案：问题不在于高度：自动。问题是
填充顶部：30%
。是的，在Firefox中它应该设置为%，vh或px，但关键是。公文包的高度应该取决于里面的项目…@DamianP。设置<代码>高度：30%到
.portfolio
的子项将什么也不做，因为这样做的逻辑是：占据父项高度的30%，即0（自动值
s）。如果您将
.portfolio a
的高度设置为
30vh
（视口高度的30%），则该设置有效，或者如果您可以为其提供像素值OK。。。但它在Chrome、Safari、Opera中都能工作…@DamianP。似乎
高度：auto在Chrome、Safari等浏览器中的工作方式略有不同。。。我只是用了显示：框不灵活。。。