jquery - 为什么我的网站左侧有多余的空间？

Question

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

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

Answer 1

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

Answer 2

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

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

Answer 3

元素具有默认margin/ padding。

您可以通过将其添加到您的CSS来将它们重置为零

*
{
    margin : 0;
    padding: 0;
}