我有以下CSS http://jsbin.com/azivip/75/edit我想让黄色的 div 高度填充蓝色和绿色 div 之间的空间。使用高度继承似乎使 div 超出了绿色 div。
有什么想法吗?
谢谢
最佳答案
你可以使用 css3 calc()
:
#testsContainer {
height: calc(100% - 140px);
}
其中 140px = resultContainer 的 100px + buttonsContainer 的 40px
编辑
对于旧版本的 Firefox 使用 -moz-calc()
前缀,对于旧版本的 Chrome/Safari 使用 -webkit-calc()
前缀。
关于CSS 中间 div 高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15290867/