Html div内容不在外部固定div内

我有一个固定位置的div/modal，它包含一个modal页眉、modal正文和modal页脚，当我降低高度（大约650px或更低）时，modal正文内容和modal页脚不会停留在固定的div/modal中，并开始移出视口。如何确保模态正文和模态页脚完全位于模态内容内

.modal头文件{
字号：18px；
}
.详情{
宽度：600px；
最小高度：500px；
背景色：#fff；
位置：固定；
边框：1px实心#888；
盒影：1px15px#888；
最高：50%；
左：50%；
利润上限：-350px；
左边距：-300px；
边界半径：10px；
z指数：1002；
}
.说明{
填充：25px；
溢出y：自动；
最大高度：600px；
}
@介质（最大宽度：620px）{
.详情{
宽度：96vw；
左：0%；
左边距：0px；
}
}
@介质（最大高度：710像素）{
.详情{
高度：100vh；
边际上限：0px；
最高：0%；
}
}

情态标题
&时代；
Lorem ipsum dolor sit amet，是一位杰出的献身者。无缺陷相位。这是一座圣殿。无需按摩和修整即可达到预期效果。Donec ullamcorper nisl位于临时机场（nec placerat ante finibus）。以欧盟的名义
我是一个精英。佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名。我爱你，我爱你，我爱你，我爱你。在佩伦茨克广场。莫比·康塞特图尔·奥奇在奎姆·卢克图斯，id
厄洛斯瓦普塔特港口。但在nisl nec扫描电镜下，前庭位于发酵罐中，位于amet blandit。莫比·奥尔瓦帕特（Morbi Volvat Pat）在laoreet quam libero vitae diam酒店。Mauris feugiat malesuada
tellus eu孕妇。Fusce posuere ligula sed lorem调味品mattis。这是一种暂时的生活方式。但这是一种尊严。Mauris nec euismod ipsum，et porttitor ipsum。埃蒂亚姆·康斯奎特，内克鲁图姆元素自由人
毛里斯·法雷特拉·泰卢斯，ac，我是欧盟的一员。Integer eu massa suscipit、pharetra mauris ac、luctus arcu。杜伊斯·维尔·布兰迪特·尼布和菲尼布斯·塞姆。Nam nec neque nulla。在康格麦格纳。肺静脉曲张。佩伦茨克无直径，
我的前庭有三个，效率有三个。埃蒂亚姆·塞德·坦普斯·奥奇，一位维韦拉·里索斯。波苏尔内克的莫里斯。拉奥里特，马克西姆圣选，自由权杖选，荣誉勋章。
Nam purus purus，临时水平，欧盟，laoreet et libero。毛里斯·埃吉特·波苏尔·埃拉特。这是一个很好的例子。我的生活充满活力。Phasellus eu libero arcu。伊普斯姆-欧盟-尼西悬浮体
颞叶，非枕叶，弓形。万岁，万岁。威尼斯人中间的节拍库拉比图尔，我是中间的佩伦特式turpis。在乌尔纳，长生不老鸭是欧洲的猪。在euismod elit id中，Pat euismod。
暂时性静脉曲张，拉西尼亚-马萨-苏打莱-维塔。Suspendisse在lacus mi。这是我生命中最美好的时光。多涅克·森佩尔·萨皮恩·奎斯·埃普帝国饮食，卢克图斯·莫里斯·乌兰科珀。非梅特斯蛋白
暂时坐一会儿。虎口浮雕和肘部浮雕同侧前庭；马萨塞姆佩尔维塔酒庄的普雷蒂姆自由选会（Etiam libero lectus）。阿利夸姆威胁着普卢斯，埃吉特·索达莱斯精英马蒂斯。无脂饮食
厄洛斯·利奥，malesuada mattis ex commodo quis。
接近

由于模式内容的高度是从父级继承的，因此您有两个选项：

1-减小

.description

上的高度以匹配父对象的高度

2-或移动您的

overflow-y:auto到
。详细信息
而不是
。说明

您还可以在对话框中使用
模态lg
来扩展模态。
最简单的解决方案是从
中删除
高度：100vh
。模态内容。详细信息
和
溢出：自动；最大高度：600px
从
开始。说明
-这样整个模式在需要时可以滚动。