为什么我的网站左侧有额外的空间？

Question

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

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

Answer 1

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

Answer 2

元素具有默认margin / padding。

您可以将其添加到 CSS

，将其重置为零

*
{
    margin : 0;
    padding: 0;
}

Answer 3

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

如果您想知道菜单左侧有大量空间，那可能有多种原因。如果您正在寻找的话，您的菜单本身可能需要居中。