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

Question

我正在寻找一个弹出框，我已经通过一个固定的 div 定位在 5% 的位置。

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

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

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

http://jsfiddle.net/VukSZ/

Answer 1

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

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

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