響應式佈局和限制/陷阱內容

Question

我想弄清楚如何在CSS的幫助下管理以下內容。

我想主網站框架能夠限制/陷阱裏面的所有內容。 Sicne我沒有編寫任何事情我會告訴你的繪圖..

正如你可以在上面的例子中看到，紅色的盒子「打破」的網站邊框，而不是一個響應式佈局你現在有一個搞砸了。你基本上有一個固定的紅色框的寬度，即使網站的其他部分是響應和打破整個事情，它不會改變。

是否有可能陷入灰色內的紅色框？例如，通常以div爲例，而不必編輯您可能擁有的所有「紅色框」？

謝謝！

Answer 1

嘗試像引導Bootstrap任何響應佈局框架

一種用於粘性頁腳的示例的：Sticky Footer

用於粘性導航欄和頁腳又如：StickyFooter-Navbar

的jsfiddle實施例：JsFiddleCode

html, body { 
    height: 100%; 
} 

footer { 
    position: absolute; 
    bottom: 0; 
}