重新调整大小为1024px会产生水平滚动条...但所有div都是1024px

Question

我需要一些帮助：

http://www.stansellelectric.com

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

我被困住了，请帮忙吗？

Answer 1

1024像素是屏幕的总宽度。

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

底线：您需要为内容使用小于1024像素的宽度。设计师中最受欢迎的数字是960像素，也因为它可以均匀分割;它用于例如由960 grid system，一个流行的CSS框架。

然而，根据我的经验，稍微高一些（如980甚至1000）也适用于大多数设备。