ExtJS：100％高度面板导致溢出

Question

我的Ext面板渲染高于其容器时出现问题。

我目前有以下层次结构：

• div（绝对位置，前0，下0）
  • 容器
    • 面板（宽度180，vbox / stretch）
      • 面板（高度75）
      • 面板（flex 1）
      • 容器（无高度，无弯曲）
      • 面板（高度25）
      • 面板（高度50）

问题是，当flex: 1面板有很多内容时，它不是滚动它而是决定超越顶部div的范围。

我尝试给容器和面板（2级和3级）高度100％，这没有帮助，ext仍然使面板的高度大于容器的高度。

我试着给容器一个“适合”的容器。布局，它没有帮助。

如果我给面板（第二级）一个特定的高度，它就可以了。

有什么想法吗？

修改：

所以我将第二级容器更改为一个面板，现在它正确地包含它但是切掉溢出而不是正确调整它。所以没有太大的改进，相当于设置overflow:hidden真的，好的分机。

Answer 1

通过为第二级面板提供fit的布局，100%的高度以及子面板的高度100%来修复此问题。