html - 最小の高さ100％が下部で停止します

Question

底まで伸びるように高さを適切に設定していますが、底を越えて伸びることはなく、単に停止し、他のコンテンツがそれを超えて伸びます。

私のコードを取り出して入れると、私が何を意味するのかがわかります。

HTML： http: //pastebin.com/ScvdB4zs

CSS： http: //pastebin.com/mxrZ6Gd9

Answer 1

nav divにオーバーフローを追加して、コンテンツを拡張してみてください

.nav { 
    overflow:scroll;
    background-color:#153E7E; 
    height:500px; 
    min-height:100%; 
    width:250px; 
    border-right:5px solid #151B54; 
    float:left; 
}

Answer 2

私があなたなら、最小の高さを取り出して、.navと.dashboardの両方の高さを好きなように変更するだけです。それははるかにカスタマイズ可能です。そして、ただの提案です。ダッシュボードを一定の割合にするので、画面のサイズが異なる人でも同じように美的に楽しむことができます。