左欄不是100％的高度

Question

我有一個綠色的背景，應該沿着左欄的整個長度，到頁腳上方。我的所有div都設置爲100％的高度，但它的效果並不理想。

html, body { height: 100%; } 

div#page-wrap { 
    width:960px; 
    height:100%; 
    margin:0 auto; 
    padding-bottom:10px; 
} 

div#body-wrapper { 
    height:100%; 
    position:relative; 
} 

nav#side-navigation { 
    height:100%; 
    width:185px; 
    background-color:#C2F4C2; 
    float:left; 
} 

div#content-wrap { 
    width:775px; 
    height:100%; 
    float:right; 
    position:relative; 
    background:transparent url(../images/global/column_corner.gif) no-repeat top left; 
} 

這裏是站點代碼：http://freshbaby.com/v20/about_us/index.cfm

Answer 1

我發現這篇文章該做的伎倆：http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks

Answer 2

您可以使用「假列」，其中backrgound在你列的容器元素的縱向平鋪的背景圖像。 （div#page-wrap） 只要你的列固定寬度，它的作品很好:)

閱讀this article瞭解更多詳情。