为什么我的网站左侧有多余的空间？答案

【问题标题】：Why is there extra space to the left of my site?为什么我的网站左侧有多余的空间？
【发布时间】：2013-09-29 11:19:36
【问题描述】：

我正在编码的网站似乎有问题。我希望幻灯片扩展到屏幕的整个宽度。但是，我在屏幕的左侧和右侧看到了一个额外的空间。关于如何在保持幻灯片原样的同时解决此问题的任何想法？

这是网站的链接：http://cgarcia2595.bugs3.com/redo%20twice%20website/

【问题讨论】：

我在 chrome 上看不到左侧或右侧有多余的空间。可能是它的一些CSS问题。尝试在 css 中添加 padding:0, margin: 0 到 html, body 元素。

标签： jquery html css slideshow space

【解决方案1】：

您的网站专为宽度为 1440 像素的屏幕而设计。您需要使用width: 100% 来占据所有屏幕。
此外，无需在 html 元素上指定宽度。
此外，您可能需要重置 body 元素的默认填充。

【讨论】：

设置宽度：100%；并设置 max-width: 1440px;

【解决方案2】：

元素有默认的margin / padding。

您可以通过将其添加到您的 CSS

来将它们重置为零

*
{
    margin : 0;
    padding: 0;
}

【讨论】：

【解决方案3】：

您的html, body 宽度不需要设置。但是，取消设置其中的width 并不能完全解决您的问题，因为您的div#main 的position 设置为absolute。这将使它脱离页面的正常流程（这将使其保持在页面的左侧）。您需要从您的 div#main 元素中删除 position: absolute; CSS 才能完全纠正该问题。

如果您对菜单左侧的大量空间感到疑惑，原因有很多。如果您正在寻找，您的菜单本身可能需要居中。

【讨论】：

菜单不错，我准备在菜单边上加个logo。我想知道主 div 的侧面。我确信有一种方法可以让幻灯片完全展开，这样它就可以接触到浏览器边缘的两侧。