垂直展开元素以填充

Question

网站：http://ace.brianhare.com/

我如何才能获得它，以便section和aside元素垂直填充并隐藏黄色背景？

基本上我不想让黄色背景显示出来。

可以垂直拉伸所有内容来执行此操作，或者如果我可以选择，则div的ID为table，并aside。

仅首选css但会接受javascript / Jquery解决方案。

Answer 1

尝试添加此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);
}