爲什麼我的網站左側有額外空間？

Question

我正在編碼的網站似乎有問題。我希望幻燈片能夠擴展到屏幕的整個寬度。但是，我在屏幕的左側和右側看到了額外的空間。任何想法如何解決這個問題，同時保持幻燈片放映的方式？

這是網站的鏈接：http://cgarcia2595.bugs3.com/redo%20twice%20website/

Answer 1

元素有默認margin/padding。

您可以通過添加以下內容到CSS

* 
{ 
    margin : 0; 
    padding: 0; 
} 

Answer 2

您的網站是專爲寬1440px屏幕它們重置爲零。您需要使用width: 100%來獲取所有屏幕。
此外，不需要指定html元素的寬度。
此外，您可能需要重置body元素的默認填充。

Answer 3

您的html, body寬度不需要設置。取消設置width但是不能完全解決您的問題，因爲您的div#main的position設置爲absolute。這會將其從頁面的正常流程中移出（這會將其保留在頁面的左側）。您需要從div#main元素中刪除position: absolute; CSS以完全糾正問題。

如果您想知道菜單左側的大量空間，那是因爲幾個不同的原因。您的菜單本身可能需要居中，如果這是你正在尋找。