html - 重新调整大小为 1024 像素会产生水平滚动条……但所有 div 的尺寸均为 1024 像素

Question

我需要一些帮助：

http://www.stansellelectric.com

如果您转到此网站上的任何页面并将您的显示器（或 Firefox 浏览器，如果您使用 Web Developer 工具栏）的大小重新调整为 1024x768，那么#contentwrap div 和页面本身都会出现一个水平滚动条。现在，将窗口的宽度增加到 1039px 可以解决这个问题，但是我需要它保持在 1024px 并且在任何地方都没有滚动条。

我卡住了，请帮忙？

Answer 1

1024 像素是屏幕的总宽度。

为了使内容适合 1024 像素的屏幕，您需要考虑垂直滚动条（通常宽度为 16-24 像素）和（在某些浏览器中）窗口的边缘。这些将占用水平空间。

底线：您需要为内容使用小于 1024 像素的宽度。一个在设计师中流行的数字是 960 像素，也是因为它可以平分；例如，960 网格系统（一种流行的 CSS 框架）使用它。

但是，根据我的经验，稍高的数字（如 980 甚至 1000）也适用于大多数设备。