即使没有内容，Flex行也占据高度

Question

我使用vuejs和quasar框架，我正在定制第三方组件，有一点我有嵌套的flex-rows，这都是由类星体的内部类定义的，所以我无法直接控制它所以我要覆盖css的某些部分。

我的问题是，即使我没有内容，flex-row也会呈现高度，这是不可取的，因为行是空的。我需要知道如何解决这个问题。

由于某些设置来自类星体并且我没有访问权限，因此我将提供浏览器在渲染后为我提供的数据。

有问题的标签是div：

div{
  align-content: normal;
  align-items: normal;
  align-self: auto;
  alignment-baseline: auto;
  direction: ltr;
  display: flex;
  flex-basis: auto;
  flex-direction: row;
  flex-grow: 0;
  flex-shrink: 1;
  flex-wrap: nowrap;
  height: auto;
}

显然高度自动生成了这个。