使DIV與內容展開，而不是滾動

Question

嘿，我正在開發一個網站，我遇到了一個問題，我加了overflow：auto;到我所有的主要類.header.content .footer，因爲我有幾個背景和絲帶錯誤，它清理了。

但是我最近發現，因爲這個屬性的.content類，當它有足夠的內容滾動而不是繼續展開（我試過height：auto;並且height：100％;）如果我禁用overflow：auto ;內容繼續在我的.footer之上，我的絲帶和背景也陷入了困境。

我不確定我是否可以強制div展開，或者如果我必須重新制作所有CSS？

這不是一個巨大的問題，網頁保持滾動功能，但肯定有一個工作。

}

.Header 
{ 
width: 100%; 
overflow: auto; 
padding-top: 80px; 
background: rgb(45, 55, 60); 
} 

.Content 
{ 
width: 100%; 
overflow: auto; 
padding-top: 50px; 
background: rgb(255, 250, 240); 
} 

.Footer 
{ 
width: 100%; 
overflow: auto; 
padding-top: 30px; 
background: rgb(250, 250, 250); 
} 

它也可能是隨後的內容我想，但我真的很茫然已經爲過去40小時來尋找想這可能是明智的發佈。

Answer 1

從你所有的課程中刪除overflow: auto;。他們應該以自己內在的東西進行擴展。

http://jsfiddle.net/BGLMJ/4/