Navigationsmenü - Die Hintergrundfarbe füllt die gesamte Seite aus und nicht das Ansichtsfenster - HTML, CSS, Navigation

Ich habe ein Problem mit dem Design der linken Navigationsleiste. Insbesondere möchte ich, dass die graue Farbe des Balkens vertikal auf der gesamten Seite angezeigt wird.

Im Moment wird der graue Balken am Ende des Ansichtsfensters angehalten. Gibt es eine Möglichkeit, die Leiste auf unendlich zu erweitern?

Hier ist das CSS-Snippet der vertikalen Navigationsleiste:

#navbar{
height: 100%;
position: absolute;
width: 70px;
background-color: #5e5e5e;
}

http://jsfiddle.net/twkgR/264/

Antworten:

In diesem Fall könnten Sie die relativ positionieren body Element. Dabei wird die #menu ist absolut relativ zum positioniert body. Zuvor war die #menu Das Element wurde absolut relativ zum Fenster positioniert, weshalb es im Ansichtsfenster endete.

Überprüf den aktualisiertes Beispiel.

body {
position: relative;
}
#menu {
position: absolute;
border-right: 1px solid black;
top: 0;
bottom: 0;
}