導航欄粘貼到頂部

我使用Here的代碼來使用獲取導航欄來粘貼頂部。這工作正常，但是當我添加我的實際導航div時，導航欄從頂部設置爲大約20像素，並在您滾動時跳回頂部。導航欄粘貼到頂部

我加入這個導航下：

<div id="navbar"> 
<ul id="navlist"> 
<li><a href="#">About</a></li> 
<li><a href="#">Prints</a></li> 
<li><a href="#">Services</a></li> 
<li><a href="#">Contact</a></li> 
</ul> 
</div>

任何想法，爲什麼當我添加它攪亂eveything了導航中的列表或DIV？ http://jsfiddle.net/x4GQ5/3/

來源

2013-04-22 bbbbbbbbbb

您可能在您的ul上有空白。很難說沒有發佈一些CSS或小提琴會更好。 – Rob 2013-04-22 23:58:55

請發佈一些CSS代碼 – 2013-04-23 00:02:44

http://jsfiddle.net/x4GQ5/3/ – bbbbbbbbbb 2013-04-23 00:55:45

您需要包括對ul#navoverflow: hidden;因爲它浮動後代（其高度爲崩潰的結果），你需要刪除您<ul>默認的保證金。您還應該考慮包括CSS reset，這樣可以避免默認的瀏覽器樣式規則。

jsFiddle

來源

2013-04-23 00:58:30 Adrift

非常感謝。我非常感謝你的幫助！ – bbbbbbbbbb 2013-04-23 01:52:16

不客氣:) – Adrift 2013-04-23 02:56:40

您將需要設置一個margin: 0你UL導航＃。

ul#nav { 
    list-style: none; 
    line-height: 2em; 
    margin: 0;  
}

來源

2013-04-23 01:37:48 Dheer

也像@Adrift提到你應該考慮使用CSS重置。 – Dheer 2013-04-23 01:39:23

導航欄粘貼到頂部

回答

相關問題