標題全屏寬度但html5和css3中的主體固定寬度

Question

這是很難解釋的一種。我正在尋找建立一個HTML5和CSS3的網站。我有一個部分，我想擁有80像素高度的用戶計算機屏幕的全寬。

然後，我有一個容器，其中包含網站的主體，並應保持頁腳推到網頁的底部，如果沒有足夠的文本填充屏幕，那麼頁腳坐在底部的窗口。但是，容器不會填滿整個屏幕，而是以1024像素寬度爲中心。如果我從網頁中刪除標題部分，這是完美的。

當標題部分被添加到網頁時，頁腳被推過窗口的底部，達到與頁眉​​高度設置爲相同的像素數量，即頁腳比它應該低80pixels。

如何將容器設置爲100％高度以確保頁腳始終被推到底部，但從標題中移除多餘的80個像素。

感謝您的幫助，您可以提供

Answer 1

這對我的作品，但你仍然將不得不適應那些80px。

html，body，section＃page1 { height：100％; }

下一次顯示你做了什麼或許管理。 祝你好運。