如何使用CSS3属性控制元素充满整个页面并计算值

场景描述

有这么一个场景：一个页面头部的高度为100px，要使下半部分充满整个页面，不管页面大小。起初，我想到的是使用JavaScript代码控制，但是也可以使用CSS3中的计算属性控制。

步骤一

为了实现上述场景，需要一个页面作为展示效果，创建一个静态页面。

```html

```

步骤二

在``标签元素内插入三个div，一个外层，另两个是内层。

```html

```

步骤三

在`