2013-11-03 53 views
0

我在CSS中有一個主容器,其中包含頁面的所有div。但是,有一個8px的白色空間將整個容器推向左側。任何想法如何擺脫它,並讓容器適合整個窗口沒有空白?如果我使用「margin-left:-8px」,它會在右側創建8個像素的空白區域。繼承人的容器代碼:如何讓容器填滿整個窗戶?

#container { 
height: 100%; 
width: auto; 
position: relative; 
background-color: #E6E6E6; 
min-width: 960px; 
} 
+1

「body」的默認邊距爲「8px」...只需設置「body {margin:0px}」即可。 –

回答

2

只設置#containermargin: 0px;,如果不工作,你可以設置

body { 
margin: 0px; 
padding: 0px; 
} 
1

這是因爲瀏覽器的樣式表被應用的默認樣式的。


有您能解決你的問題的一些方法:

應用此CSS規則,從而有效地獲得的擺脫適用於任何元素默認填充或保證金。

* { 
    margin: 0; 
    padding: 0; 
} 

或者你可以使用一個CSS樣式表復位,這是我推薦最,因爲不同的瀏覽器處理單元略有不同,你想連場,所以你不會遇到任何問題之後。我建議Eric Mayers css重置樣式表,它可以在這裏找到:http://meyerweb.com/eric/tools/css/reset/我將它用於我自己的項目。

0
html, body, #container {margin:0; min-height:100%;}