html - 最小高度 100% 在底部停止

Question

我已经正确设置了我的高度，以便它可以延伸到底部，但它不会延伸到底部，它只是停止并且其他内容延伸到它之外。

如果你把我的代码放进去，你就会明白我的意思。

HTML： http: //pastebin.com/ScvdB4zs

CSS： http: //pastebin.com/mxrZ6Gd9

Answer 1

尝试向导航 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 的高度更改为任何你想要的。它的可定制性要高得多。只是一个建议：我会把仪表板做成一定的百分比，这样不同尺寸屏幕的人就可以有同样的审美乐趣。