如何使填充全寬在屏幕兩側沒有任何空白區域？

Question

我看到大多數網站共享一個共同的東西，那就是延伸到屏幕全屏的顏色條。所以我只是假設這可能是填充，如果我將這個填充寬度設置爲100％，它會使寬度在兩側都完全滿。但不幸的是，屏幕兩側仍然有一個很小的空白區域。或者這種顏色條不應該是首先填充的？順便說一下，我真的很新的HTML和CSS，所以我的代碼可能有點雜亂，難以閱讀。

這些是我的代碼和白色空間的圖片，您可以看到屏幕兩側都有輕微的空間。

信用：Teamtreehouse

比如這個網站有跨越全屏綠壩沒有對兩側的空間。

Answer 1

設置此

body {margin:0;padding:0} 

因爲身體元素都有默認的CSS規則

body { 
    display: block; 
    margin: 8px; /* and this might be the cause of your problem */ 
} 

Answer 2

所有瀏覽器中添加一些自己的CSS從供應商而異，以供應商。

因此，您需要重置所有瀏覽器的CSS。 但是，在這裏幫助你normalize.css

只是包括這作爲你的第一個CSS，它會自動重置所有自定義瀏覽器設計。