如何将1700px div居中，以便不显示水平滚动条？

Question

我正在建立一个顶部有1700px宽JS幻灯片的网站。当我发布页面时，我得到水平滚动条，因为我的显示器的分辨率为1024px。如何让网站在没有水平滚动条的浏览器中居中 - 任何一方多余的东西根本不为用户所见？ 非常感谢，谢谢！

Answer 1

简单的解决方案：

body { overflow-x: hidden; }

但如果他们的显示器小于您网站的主要宽度，这也会阻止人们滚动。

真正的解决方案是不要让它始终是1700px宽。以下内容可能有所帮助，但这取决于您的HTML以及幻灯片的实现方式。

#slideshow { width: 100%; max-width: 1700px; }

我还没有对此进行过测试，但是您可以将上面的CSS放在容器元素上，如下所示：

#slideshow-container { width: 100%; max-width: 1700px; }
#slideshow { width: 1700px; margin: 0 auto; }

<击>

你可以很容易地做到这一点。 jsFiddle example

Answer 2

如您所知，div的大小，请使用：

div.slideshow {
  position:absolute;
  padding-left:50%;
  margin-left:-850px; /* 1700/2 */

}