垂直导航栏高度问题

Question

基本上一切都运行正常，除了滚动条显示在不需要它的页面上，当页面调整大小时，导航栏不会向下延伸并最终会像这样（图片如下） ），您可以看到导航栏不会随着页面的移动内容向下延伸。

http://i.stack.imgur.com/QynSv.png

这是一个JSFiddle链接，任何帮助将不胜感激！ JSFiddle：https://jsfiddle.net/pq3t70th/1/

导航CSS代码

nav {
    border-right-style:solid;
    border-right-color:black;
    border-right-width: 5px;
    background-color: #3b5999;
    height: 100%;
    width: 180px;
    position: absolute;
}

Answer 1

您对display: table-cell;和section

使用nav

jsfiddle