最小高度100%在底部停止

时间:2012-11-12 02:46:10

标签: html css

我的高度设置正确,以便它会伸展到底部,但它不会伸展到底部,它只会停止,其他内容会超出它。

如果您拿走我的代码并将其放入,您就会明白我的意思。

HTML: http://pastebin.com/ScvdB4zs

CSS: http://pastebin.com/mxrZ6Gd9

2 个答案:

答案 0 :(得分:0)

尝试在nav div中添加溢出以扩展内容

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

答案 1 :(得分:0)

如果我是你,我只需要拿出最小高度,将.nav和.dashboard的高度改为你想要的任何东西。它更加可定制。并且只是一个建议:我会使仪表板达到一定的百分比,然后屏幕尺寸不同的人可以拥有相同的审美乐趣。