2013-10-01 134 views
0

這個問題是因爲標題狀態,谷歌搜索和看這些帖子後,我還沒有找到一個解決方案,將爲我工作。由於側欄在實現包裝的固定尺寸設計內。如何設置側欄高度以匹配主內容高度?

的CSS:

#container { 
    width: 100%; 
    float: left; 
} 

#content { 
    padding: 0px 270px 20px 30px; 
    background-image: url("../images/mainbg.jpg"); 
    border:1px solid #1a1a1a; 
    border-bottom-left-radius: 10px; 
    border-bottom-right-radius: 10px; 
    -moz-border-radius-bottomleft: 10px; 
    -moz-border-radius-bottomright: 10px; 
    box-shadow: 2px 2px 2px #000000; 
} 

#sideRight { 
    float: right; 
    width: 200px; 
    margin-left: -250px; 
    margin-right: 10px; 
    padding: 2px 0px 30px 38px; 
    background-image: url("../images/sidebarlight.png"); 
    background-repeat:repeat-y; 
    border-bottom-right-radius: 10px; 
    -moz-border-radius-bottomright: 10px; 
} 

的jsfiddle:http://jsfiddle.net/6LTFH/

網站:http://www.debbie.travismoore.co.uk/

任何幫助表示讚賞, 乾杯

回答

0

有沒有簡單的方法了:) ... (使用css-tables除外)

下一個最簡單的解決方案在這裏描述: Set column to full height of the page $('#Block')。height($(document).height());

,但如果你想獲得它的底部,閱讀這些文章: http://tympanus.net/codrops/2013/07/17/troubleshooting-css/#article-width-height

http://www.dave-woods.co.uk/index.php/100-height-layout-using-css/

好運,讓我們希望他們儘快釋放Flexbox的;)

相關問題