100% 固定 div，在子 div 和固定高度标题中溢出

Question

我正在寻找一个弹出框，我通过一个固定的 div 来完成它，该 div 位于 5% 的位置。

我希望它用边缘周围 5% 的边框填充整个可视窗口。

目前（我只在Chrome中查看过），我可以实现我想要的布局，但底部没有间隙，因为如果文本div的主体有高度，它会增加标题的高度。

我已经尝试了各种方法，从将它添加到另一个包含 div 和 plonking height: 100% 整个节目中，但无济于事。

http://jsfiddle.net/VukSZ/

Answer 1

根据目标browser support，您可以使用CSS calc() 函数。只需将#popup_body 的高度设置为calc(100% - 40px);（您必须包含具有不同供应商特定前缀的多个版本）。

这是您演示的修改版本：little link。

如果您需要支持旧版浏览器，则必须使用 JavaScript。