CSS中间div高度

Question

我有以下css http://jsbin.com/azivip/75/edit我希望黄色div高度填充蓝色和绿色div之间的空间.使用高度继承似乎使div超越了绿色div.

有什么好主意吗？

谢谢

Answer 1

你可以使用css3 calc():

#testsContainer { 
   height: calc(100% - 140px);
}

哪里 140px = 100px of resultsContainer + 40px of buttonsContainer

小提琴

编辑

对于旧版本的Firefox使用-moz-calc()前缀,旧版Chrome/Safari使用-webkit-calc()前缀.