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

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并保持宽度无论如何.