側欄全高

Question

如何讓我的側欄完全不使用位置的高度：固定？我嘗試了這個代碼，但它感覺不對。有什麼建議麼？

JSFindle：http://jsfiddle.net/Pw4FN/57/

if($(window).height() > $('#page-container').height()){ 
    $('#menu').css("min-height", $(window).height()); 
}else{ 
    $('#menu').css("min-height", $('#page-container').height()); 
} 

Answer 1

如果你想在div有屏幕的全高：

#min-height { 
    height: 100vh; 
} 

Answer 2

您可以模擬表：

https://jsfiddle.net/q7ch74Ly/

html { 
    display: table; 
    width: 100%; 
    min-height: 100%; 
} 

body { 
    display: table-row; 
} 

.sidebar { 
    width: 250px; 
    display: table-cell; 
    vertical-align: top; 
    min-height: 100%; 
} 

.sidebar + .content { 
    display: table-cell; 
    vertical-align: top; 
    min-height: 100%; 
} 

html, .sidebar, .sidebar + .content { 
    border: 1px solid #f00; 
}