固定菜單問題，固定時垂直菜單堆棧

即時建立學校項目的個人投資組合。我遇到了一個問題。我想讓我的桌面菜單固定，但是當我這樣做時，我的菜單堆棧垂直，而不是水平。固定菜單問題，固定時垂直菜單堆棧

我的測試頁︰http://bravitus.com/www/test/test.html 我想讓我的菜單，因爲它是固定的，而不是相對的。

當我把它作爲固定它使許多像這樣：

首頁關於我聯繫

，但我希望它是這樣的：

首頁>關於我>聯繫

JSFiddle: http://jsfiddle.net/39fz0gsd/4/

希望你有一個修復;）

HTML：

<ul class="navigation"> 
    <li><a href="#page-1" class="home selected">HOME</a></li> 
    <li><a href="#page-2" class="aboutMe">ABOUT ME</a></li> 
    <li><a href="#page-3" class="services">CONTACT</a></li> 
</ul>

CSS：

ul{ 
    list-style:none; 
} 

ul li{ 
    position:relative; 
}

來源

2014-11-25 Thomas Ravnholt

包括您的實際嘗試代碼，而不是網站名稱。閱讀它知道https://stackoverflow.com/help/how-to-ask – HaveNoDisplayName 2014-11-25 13:59:33

@Piyush已經有一個jsfiddle，不是嗎？ – DRC 2014-11-25 14:00:23

包括你的代碼在你的問題，jsfiddle是一個外部鏈接，如果它被刪除，那麼這個問題變得無效，得到它？ – HaveNoDisplayName 2014-11-25 14:01:41

你必須添加固定到UL（不是LI）的位置，並添加寬度：100％爲好。

ul{ 
    list-style:none; 
    position:fixed; 
    width:100%; 
}

看看你的小提琴我已經更新了它。

來源

2014-11-25 14:03:38 w3shivers

是的，這是有道理的;）它的作品。可能只是有點被混淆了）感謝;） – 2014-11-25 14:08:35

沒有問題，但請編輯您的問題仍然包括您的代碼，因爲它會幫助許多其他可能有同樣問題的人。 – w3shivers 2014-11-25 14:11:15

如果我明白你的問題，你可以簡單地添加這個規則

header { 
    width: 100%; 
    position: fixed; 
}

，使固定在頂部的標題。

來源

2014-11-25 14:06:43 DRC

固定菜單問題，固定時垂直菜單堆棧

回答

相關問題