Html 填充网格单元跨度的鹅毛笔编辑器的固定高度

如何强制羽毛笔编辑器不超过其初始高度

我有一个带有一些项目的网格布局，基本上都是外部组件，其高度我不知道（从某种意义上说：我不想硬编码任何高度，因为我可能会更改内容或内容本身的实现更改）

在下面的示例中，我有一个2x2网格

Content1 Editor
Content2 Editor

其中编辑器跨越第二列中的两行。（这里，

Editor

实际上是实际编辑器标记周围的包装器组件。）

我的目标是，总网格/行高度由其他内容确定，编辑器使用与内容相同的高度。 编辑器应填充其单元格，但在编辑器中输入更多文本后，不得超过该单元格。相反，编辑器内容应该滚动（工具栏保持不变）

首先是片段：

var quill=新的quill（“#编辑器”{
模块：{
工具栏：[{标题：[1，2，false]}]，“粗体”、“斜体”、“下划线”]]
},
主题：“雪”
});
html，正文{
保证金：0；
}
#网格容器{
显示：网格；
柱间距：16px；
网格：“O1e”自动
“O2E”汽车
/汽车；
边框：1px纯色；边框颜色：绿色；
}
#其他1{
网格面积：O1；
/*内容内部：*/
高度：70像素；
背景颜色：灰色；
}
#其他2{
网格面积：O2；
/*内容内部：*/
高度：70像素；
背景颜色：蓝色；
}
#编辑单元{
网格面积：E；
自我调整：伸展；
}
#编辑器包装器{
显示器：flex；
身高：100%；
/*弯曲方向：立柱*/
}
#编辑器容器{
弹性：1；
显示器：flex；
弯曲方向：立柱；
}

其他
内容
样本
第2行
第3行
第4行