將固定寬度的容器應用於流體網站？

Question

我必須修復一個網站，它是在html 5中開發的，並且具有直接位於body標籤內的結構化標題，節和頁腳標記。該網站在桌面上的任何分辨率100％的觀點。

現在我需要修復網站的顯示到一個特定的分辨率（比如1024 * 768像素）。爲此，我直接在body標籤內創建了一個新的div，並將所有上述三個標籤（即標題，節和頁腳）放在此標籤內。我也爲css中新創建的div定義了寬度的固定值。

但是，該網站仍然以高於1024 * 768的分辨率在瀏覽器中100％顯示。雖然我預計它會在任何更高分辨率的上述尺寸範圍內。

我在css裏面檢查過，我的類名是唯一的（就像應用在新的div上一樣）。雖然有一個.wrapper類爲100％，但沒有發現它適用於HTML的任何地方。

任何人都可以請幫助我！

Answer 1

您在網站中使用的頁眉位於頁面的頂部，您無需對其進行定位。

#container { 

max-width: 1200px; 

position: relative; 

margin: 0 auto; 

} 

#header { 

position: fixed; 

top: 0; 

width: 1200px; 

max-width: 100%; 

}