Html 从未知高度创建垂直可滚动的div

我有一个弹出div，它的高度为100%

.popup{
height:100%;
}

我已经做到了，创造了60%的利润率

.popup{
margin-top:60%;
}

因此，只有

40%

的空间可用于弹出窗口的底部

在

40%

底部空间中，我想要一个高度可能为

500px

的可滚动div容器。这不起作用，只有

40%

空间可用，并且没有滚动条出现

如何在

40%

空间中设置

500px

body，
html，
.外部{
宽度：100%；
身高：100%；
}
.wrapper-top、.wrapper-bottom{
位置：相对位置；
宽度：400px；
排名：0；
底部：0；
边框：1px实心#555；
}
.包装顶部{
身高：60%；
}
.包装底部{
身高：40%；
}
.内部{
位置：绝对位置；
宽度：100%；
顶部：0px；
底部：0px；
溢出y：自动；
}

Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着Aldus PageMaker等桌面出版软件的发布，包括Lorem Ipsum版本。
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着Aldus PageMaker等桌面出版软件包括Lorem Ipsum的版本而流行。Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着Aldus PageMaker等桌面出版软件的发布，包括Lorem Ipsum版本。

请检查这把小提琴：

和html

<div class="popup">
 <div class="inner">
 abcd<br/>....
 </div>
</div>

abcd
。。。。

.main{
宽度：100%；
高度：350px；
边框：1px实心；
}
.顶{
宽度：100%；
身高：60%；
边框：1px纯红；
}
.底部{
显示：内联块；
宽度：100%；
身高：38%；
边框：1px实心#ff6600；
填充物：5px；
溢出：自动；
}
.内容{
宽度：100%；
高度：500px；
边框：1px纯蓝色；
}

任何对HTML的摆弄也提供您的尝试代码我正在专门处理popup类和下半部分分区。

.popup{margin top:60%；}.bottomhalfdiv{height:500px；}

K尝试一下，它应该有40%的高度，内容有500px的高度，好吗

<div class="popup">
 <div class="inner">
 abcd<br/>....
 </div>
</div>