css - 絶対位置の背景 ページの高さの 100%

Question

画面の高さだけでなくページ全体をカバーするように、絶対配置要素に 100% の高さを与えることに問題があります。

私はLESSを使用していますが、これは私がこれまでに持っているものです:

html, body {
    height: 100%;
    position: relative;
}

div#top-bar {
    background: #333;
    height: 50px;
    width: 100%;
}

nav#primary {
    background: #333;
    bottom: 0;
    min-height: 100%;
    left: -100%;
    padding-top: 50px;
    position: absolute;
    top: 0;
    width: 100%;
}

これnav#primaryで 100% の高さが得られますが、これはページの高さではなく、画面の高さです。

この画像を参照してください。

背景を画面ではなくページ全体の高さにしたい（全体をカバーするようにnav#primary）

Answer 1

これを CSS に追加します

nav#primary {
    overflow: auto;
}