Css 即使不存在内容，弹性行也会占据高度

我使用vuejs和quasar框架，我正在定制第三方组件，有一点我有嵌套的flex行，这都是由quasar的内部类定义的，所以我不能直接控制它，所以我覆盖了css的一些部分

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

由于某些设置来自quasar，我没有访问权限，因此渲染后，我将提供浏览器提供给我的数据

有问题的标签是一个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;
}

---

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

通常

对齐项目：flex start

会解决这个问题，不过您也需要发布一个最小的代码片段，这样我们就可以看到发生了什么。这就是问题所在，导致这种情况的css代码是我无法访问的quasar组件的内部代码。那么，当我们看不到它时，我们如何知道如何修复错误呢。。。另外，您是否知道可以在浏览器中右键单击渲染结果，然后选择“检查”。有了这些，您可能可以同时获得标记和样式。我添加了代码，如果您需要更多数据，请告诉我，因为大多数css都已经附带了quasar框架组件。因此，我只能说，对于

align items:normal

和

align self:auto

，这两个

，这些值无效，可能会导致它们恢复为默认值，即
拉伸
，这将导致项目填充其父项，无论其是否包含内容。将两者都更改为
flex start
。。。另外，
align content:normal
的值无效，尽管这会影响包装行项目，并且不会应用于空的flex容器，但是，它可能也应该设置为
flex start
。通常
align items:flex start
会解决这个问题，尽管您也需要发布最小的代码片段，所以我们可以看到发生了什么。这就是问题所在，导致这一现象的css代码是我无法访问的类星体组件的内部代码。那么，当我们看不到它时，我们如何知道如何修复错误呢。。。另外，您是否知道可以在浏览器中右键单击渲染结果，然后选择“检查”。有了这些，您可能可以同时获得标记和样式。我添加了代码，如果您需要更多数据，请告诉我，因为大多数css都已经附带了quasar框架组件。因此，我只能说，对于
align items:normal
和
align self:auto
，这两个
，这些值无效，可能会导致它们恢复为默认值，即
拉伸
，这将导致项目填充其父项，无论其是否包含内容。将两者都更改为
flex start
。。。另外，
align content:normal
的值无效，尽管这会影响包装行项目，并且不会应用于空的flex容器，但是，它也应该设置为
flex start
。