css 如何保持 高度满屏

1、矩形的高度和浏览器窗口的高度相同，不能出现纵向滚动条。

2、部分高度固定，比如50px。

3、部分填充剩余的高度。

4、HTML结构暂且如下图，绿色部分固定，紫色部分填充。

5、height 100% 是以父元素的高度为准的，比如父元素的高度是300px，#nav占去了50px，#content理应是250px。

6、用js解决这种问题是相当简单的，如果没有特殊要求，建议使用JS。