css没有设置div以适应全屏

Question

我尝试过配置css以使面板体适合全屏，但无论我做什么它都不适合全屏。

请在此处找到JSFiddle Link。

甚至试图把类级css：

#apexBody {
width: 100%;
height: 100%;
}

这里的页脚是固定的，我希望面板或文本区域适合整个屏幕直到页脚。

Answer 1

试试这个。

.panel-body {
   background-color: white;
   border-radius: 0px;
   box-shadow: 0 1px 1px #ccc;
   width: 800px;
   height: 800px;

}

Answer 2

设置为父元素及其子元素。

.panel {
    height: 100vh;
}
. panel-body {
    height: 100%;
}