在child-div和amp;中溢出的100%固定div固定高度标题

时间:2012-09-19 15:12:29

标签: css

我希望创建一个弹出框,我已经通过一个位于5%的固定div来完成。

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

目前(我只在Chrome中查看),我可以实现我想要的布局,但底部没有间隙,因为如果文本div的主体有一个高度,它会增加高度报头中。

我已经尝试了各种各样的方法,将它添加到另一个包含div和plonking高度:整个节目100%,无济于事。

http://jsfiddle.net/VukSZ/

1 个答案:

答案 0 :(得分:0)

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

以下是您演示的修改版本:little link

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