2013-02-07 125 views
0

我不明白爲什麼我的div上面有大約20像素的空白。我正在嘗試在頁面頂部創建一個水平菜單。這裏是代碼JSFiddle,但是這裏沒有顯示空格。不要嘲笑我,但是我仍然在使用Frontpage,它也沒有出現在那裏。它只在瀏覽器中出現 - Chrome,FF和IE9。爲什麼我不能擺脫我的div上方的這個空白空間?

我用盡了一切我能想到的,包括確保邊距都設置爲0:

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

但沒有擺脫那個空白的!

+2

可能是你的項目的一些其他的資源與此相沖突的CSS添加UL .. 。 – Garry

+1

第1步。在Chrome中,右鍵單擊並選擇「檢查元素」,它將幫助您找到問題。第2步。設置Frontpage着火併開始使用友好的文本編輯器。 – MikeSmithDev

+3

如果它沒有出現在你的小提琴中,我們應該如何幫助? – isherwood

回答

2

就以下內容添加到您的樣式表:

ul { 
    margin: 0; 
    padding: 0; 
} 

或與您的HTML,身體聲明

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

非常感謝Garry Cairns和Kim,他們都工作過。我還需要將ul邊距設置爲0。完善! – shan24

相關問題