将固定宽度的容器应用于流畅的网站？

Question

我必须修复一个网站，该网站是用 html 5 开发的，并且在 body 标记内直接设置了结构化的页眉、节和页脚标记。该网站在桌面上的任何分辨率下都有 100% 的浏览量。

现在我需要将网站的显示修复为特定的分辨率（比如 1024*768 像素）。为此，我直接在 body 标签内创建了一个新的 div，并将上述所有三个标签，即页眉、节和页脚都放在其中。我还为新创建的 div 定义了 CSS 中宽度的固定值。

但是，在分辨率高于 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%;

}