2014-10-07 78 views
-1

當我在chrome中加載這個(https://github.com/Stannies/TestSite/commit/a79e99cebb016e93b3832c1d31157a59b66510d3)代碼時,我在頁面頂部獲得了一個奇怪的白色位置我試圖將margin和padding設置爲0px,如代碼中所示但它沒有幫助。頁面頂部的HTML空白

對不起,我的英語不好。

P.S.這只是一個測試網站,只是非常難看,但那是因爲我剛開始這個項目,並得到了這個奇怪的問題。

圖片:http://www.mediafire.com/view/hqv3oqv3boo4vvo/Screen%20Pic.png

+0

請將代碼示例發佈到您的問題,而不是簡單地發佈鏈接。這將幫助我們更好地回答你的問題。 – SnareChops 2014-10-07 18:24:25

回答

0

除了margin和padding在身上,還需要從<p id="Title" class="MainText">Test Site </p>

#Title { 
    font-size: 50px; 
    margin: 0; 
    padding: 0; 
} 

JSFIDDLE

而且FYI清除默認情況下,id應該只使用一次在頁面上,class可以多次使用

0

如果你擔心只有頂級然後

你的CSS/stylesheet.css中變身原型類下

body { 
    background-color: #D1D1E0; 
    margin-top:0; 
} 

你可以有利潤,利潤率左,上邊距,邊距右,邊緣底部分別定義邊距。與填充相同的情況也是如此。

定義所有邊距或填充方向的另一種方式是: margin:25px 50px 75px 50px; (Clickwise方向:上:25px的,右:50像素,底部:960x75像素,左:50像素)

您可以在http://www.w3schools.com/css/css_margin.asp

0

體探索進一步的選擇有一定的填充和利潤,你應該刪除它們。

body, 
html { 
    margin: 0; 
    padding: 0; 
} 
0

您爲#wrapper設置margin-top:10px,這是因爲頁面上方的空白。