Javascript Bootstrap-4模式页脚中的可滚动文本区域

我在Angular-6项目中使用Bootstrap-4模式。 对于模态，模态页眉高度固定，模态正文可滚动，模态页脚高度可变但不可滚动

以下是我的基本HTML：

/*用于调试目的*/
.莫代尔{
显示：块！重要；
}
.模态页脚{
显示器：flex；
对齐项目：居中；
证明内容：柔性端；
边框颜色：#E0E7；
填充：15px 20px 15px 55px；
最小高度：70px；
边框顶部：1px实心#e9ecef；
}
.评论输入{
位置：相对位置；
宽度：100%；
最小高度：40px；
}
.文本区{
最大高度：80px；
溢出：自动；
宽度：100%；
最小高度：40px；
填充：10px 10px 10px 16px；
单词包装：打断单词；
线高：20px；
}
.text区域：空：不（：焦点）：：之前{
内容：“在此处键入您的评论”；
位置：绝对位置；
}

---

您使用了错误的属性，它应该是

最小高度

而不是

最大高度

，请参考下面的示例

.modal页脚{
显示器：flex；
对齐项目：居中；
证明内容：柔性端；
边框颜色：#E0E7；
填充：15px 20px 15px 55px；
最小高度：70px；
边框顶部：1px实心#e9ecef；
}
.评论输入{
位置：相对位置；
宽度：100%；
最小高度：40px；
}
.文本区{
最大高度：80px！重要；
溢出：自动；
宽度：100%；
最小高度：40px；
填充：10px 10px 10px 16px；
单词包装：打断单词；
线高：20px；
}
.text区域：空：不（：焦点）：：之前{
内容：“在此处键入您的评论”；
位置：绝对位置；
}

你好，世界！

对于

模态主体

您需要设置

最大高度

以及

溢出-y:scroll

属性，以便在内容超过

最大高度

时滚动

.modal-body {
  max-height: 200px;
  overflow-y: scroll;
}

与

模式页脚相反

，您需要删除文本区域中的

最大高度

，以及

的
溢出：自动
属性


/*用于调试目的*/
.莫代尔{
显示：块！重要；
}
.模态页脚{
显示器：flex；
对齐项目：居中；
证明内容：柔性端；
边框颜色：#E0E7；
填充：15px 20px 15px 55px；
最小高度：70px；
边框顶部：1px实心#e9ecef；
}
.评论输入{
位置：相对位置；
宽度：100%；
最小高度：40px；
}
.文本区{
宽度：100%；
最小高度：40px；
填充：10px 10px 10px 16px；
单词包装：打断单词；
线高：20px；
}
.text区域：空：不（：焦点）：：之前{
内容：“在此处键入您的评论”；
位置：绝对位置；
}
.模态体{
最大高度：200px；
溢出y：滚动；
}

自15世纪以来使用的标准《知识产权》一文，是《知识产权法》的一部分，主要介绍了知识产权法在劳动和就业领域的应用
如果你是一个普通的消费者，你就可以在你的房间里找到你想要的东西，但如果你是一个不轻率的人，你就应该为你的孩子承担责任
西塞罗在公元前45年写的《博诺姆和马洛姆的终结》的第1.10.32节“所有人都有一个明确的错误，这是一个值得称赞的事实，对人的尊重，对发明者的尊重。”
真理和准建筑学者必须解释生命的真谛。不可将生命的真谛解释为生命的真谛，而将生命的真谛解释为生命的真谛，将生命的真谛解释为生命的真谛，将生命的真谛解释为生命的真谛，将生命的真谛解释为生命的真谛
最重要的一点是，在劳动和就业的时间内，所有人都必须遵守自己的法律、义务、义务和义务
使用实验室设备，从普通消费品中获得流动性？在一个自由消费品中，是否拥有一个自由消费品，是否拥有一个自由消费品

感谢您的回复。但我的整个模态的最大高度应仅为100vh，在该空间中，模态页眉的高度应为75px，模态正文和模态页脚应相互可调。我的意思是，当模态页脚增长到110像素的高度时，模态体应该相应地收缩。模态体不应限制为某个最大高度值。谢谢