动态地将两个div相对于彼此定位

Question

我有两个div：divA和divB。我想使用CSS / Sass始终将divB放在divA下面。即使divA在divB附近移动也应该位于divA下方。 div应该与页面滚动显示在同一个位置，因此它们不能定位为静态。这两个div不能具有相同的父div，因为divB是材料库中定义的另一个div的一部分。

所以HTML结构是这样的：

<divA></divA>
<md-tab-group> <!-- uneditable code by user below this -->
<divB></divB>
<divC></divC>
</md-tab-group>

CSS：

#divA {
  width: 100%;
  position: fixed;
  z-index: 700;
  transition: transform 0.2s ease-in-out;
}

#divB {
  position: fixed;
  width: 100%;
  z-index: 600;
  background-color: white;
  transform: translateY(64px);
  transition: transform 0.2s ease-in-out;
}

.navdown {
  transform: translateY(-64px);
}

当用户向下滚动一段距离时，我将类navdown附加到divA。我希望divB仍然放在divA下面而不向divB添加任何脚本，因为我无法在Angular 2中以正确的方式这样做。