我正在尝试从下拉菜单中增加父div的高度。内容由ngFor元素定义。

HTML代码

<div class="dropdown-sub">
                    <div *ngFor="let c of HerobyClasse" class="hero-submenu">
                      <div>
                        <img src="../assets/images/hero-portrait/{{c.photo_Portrait}}" class="heroimg-submenu" />
                      </div>
                    </div>
                  </div>

Css代码：

.sub-submenu:hover + .dropdown-sub {
  display: block;
}
.dropdown-sub {
  background-color: white;
  width: 440px;
  height: 100px;
  display: none;
  text-align: center;
  border: 2px solid black;
  margin-left: 206px;
  border-radius: 3px;
  opacity: 0.72;
}

.dropdown-sub:hover {
  display: block;
}


.hero-submenu {
  float: left;
  margin: 3px;
  display: inline;
}

.heroimg-submenu {
  width: 55px;
  border-radius: 50px;
}

class sub-submenu：hover来自drop-sub顶部的div，并使其出现在鼠标上方。

我尝试了高度：汽车和其他一些东西，但似乎没有任何作用。