如何保持网站宽度不变（与屏幕尺寸无关）

Question

我正在设计一个网站。我希望我的网站宽度为980像素。通过将CSS Box的right和left字段设置为15％，我可以在笔记本电脑上轻松完成。但我担心的是，当我的网站在没有宽屏的另一台PC上打开时，15％会造成失真。我想保持我的网站980px，无论屏幕尺寸如何。请帮忙！

正如您在附图中看到的那样。盒子与侧面的距离为15％。如果个人电脑的屏幕较短，则这些框会重叠。

Answer 1

不要试图明确设置左右边距，而是让它自动居中。

<div style="width: 980px; margin: 0 auto; overflow: hidden;">
    <div style="float: left; width: 80%;">Left Column</div>
    <div style="float: right; width: 20%;">Right Column</div>
</div>

键是左右auto页边距。这将在中心水平对齐980px div并保持宽度无论如何。

Answer 2

我使用以下样式规则来创建固定宽度的跨浏览器兼容布局：

body { min-width: 980px; text-align: center; }
#wrapper { width: 980px; margin: 0 auto; text-align: left; }

在您的body标签内放置一个ID为“wrapper”的div，包装器将始终位于屏幕的中心，并始终为980px;

Answer 3

在body标签上设置宽度，并将CSS样式设置为居中

Answer 4

为您要成为980px的页面部分创建一个容器div，并将其设置为width: 980px; margin: 0 auto，使其居中并且为980px。