1.html和body的高度设置100%，为当前屏幕的高度，container高度也设置为100%，这样就继承了当前屏幕的高度.
2.上下两个导航栏固定定位,脱离了文档流,需要占位处理
3.将container设置为flex布局，换轴，因为上下两端有了占位，直接将main高度设置为100%
4.main设置overflow：auto超出部分显示滚动条。
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<body>标签中，输入html代码：<div style="position: fixedtop: 0right:0">导航</div>。
3、浏览器运行index.html页面，此时div标签由于fixed的位置类型被固定而不随页面滚动。
