2016-11-21 40 views
-1

我一直在爲我的網站製作一個水平導航欄,但導航欄的頂部似乎被切斷,不會觸及頁面的頂部。HTML導航欄不會觸及頁面的頂部

我已經嘗試使用:

* { 
    padding: 0; 
    margin: 0; 
} 

然而,這使我不得不填充添加到的一切。

有沒有其他解決方法?

小提琴:從ulhttps://jsfiddle.net/bp2jnytc/

+0

你的CSS正在做你正在告訴它做的事情。我想你想對你的元素有一些填充。我不完全確定你正在嘗試做什麼,但也許這將有助於https://jsfiddle.net/happymacarts/5v9b4xwc/ – happymacarts

回答

0

爲了您的無序列表中的<h3>元素,你可以嘗試:

h3 { 
    margin: 0; 
    padding: 15px; 
} 

然後爲<ul>元素的<header>內:

header ul { 
    margin: 0; 
} 
+0

你會如何去除它們左右兩邊的一點點空間? – jacobtohahn

+0

對於你的'body'風格,而不是'margin-top:0;',它應該是'margin:0;'。 – jacefarm

0

沒有什麼不對的地方,以及,至少當我將代碼複製到我的文本編輯器,然後在Chrome中運行它。我相信這是jsfiddle如何顯示信息的問題,而與您的代碼無關。