Javascript 垂直展开图元以填充

地点：

如何才能使

部分

和

旁边的

元素垂直填充并隐藏黄色背景

基本上我不希望黄色背景出现

为了实现这一点，可以垂直拉伸所有内容，或者如果我有选择的话，可以使用id

表的
div
拉伸
并将
放在一旁

只喜欢css，但会接受javascript/Jquery解决方案。
尝试添加此css代码：

html, body, aside, section {
  height:100%;
}

#bounds {
    height:-webkit-calc(100% - 50px);
    height:-moz-calc(100% - 50px);
    height:-o-calc(100% - 50px);
    height: calc(100% - 50px);
}

对我来说，它的工作原理是将
height:100%
添加到html、section和aside中，然后添加
height:calc（100%-50px）要#bounds足够简单，请将其标记为答案，以便我可以批准。因为我试图让它在所有浏览器上看起来都是相对的，所以我最终将页脚从50px切换到7%，然后仅将93%用于
bounds
但很高兴知道css可以进行计算！是的，计算有时很方便。请记住，大约82%的浏览器支持它，这意味着它在一些不太受欢迎和较旧的浏览器中不受支持（）。