Css 空divs高度设置为0（drupal 8项目使用sass和flexbox）

我正在为Drupal8项目编写一些样式，我觉得sass/css有些不稳定，但也可能是html。以下是我要呈现的html：

<div class="text">
    <div class="js-form-item form-item js-form-type-textarea form-item- js-form-item- form-no-label">
      <div>
        <textarea rows="1" cols="60" class="form-textarea"></textarea>
      </div>
    </div>
  </div>
  <div class="edit"></div>
</div>

drupal和一个基本css文件中有更多的css，但就我所见，没有显示的div没有css属性，应该使其高度为0

请随时提出后续问题和代码

.text {
  display: flex;
  flex-basis: 90%;
  // Drupal is inserting extra divs, which needs to be expanded.
  div {
    width: 100%;
    height: 100%;
  }
  textarea {
    display: flex;
    border-radius: 0.2rem;
    padding: 1rem;
    width: 100%;
  }
}
.edit {
  cursor: pointer;
  display: flex;
  flex-basis: 10%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../icons/exercises/edit.png);
}