ナビゲーションバーが一番下ではなく上に突然表示される

Question

GoogleのフォントAPIへのリンクとhtmlの追加のフォントオプションが追加されるまで、Navbarがうまく機能していた。変更したものすべてをコメントアウトしてから削除しましたが、何も機能していませんでした。ナビゲーションはちょうど底にちょうどそのままでなければなりません。ここ は私のhtmlです：ここでは

<div class="navbar"> 
<nav> 
    <a href="otherpage.html">Blog</a> 
    <a href="otherpage.html">Linguistics Facts</a> 
    <a href="otherpage.html">More About Me</a> 
</nav> 
</div> 


</body> 
</html> 

は私のCSSです：

.navbar { 
    position: relative; 
    bottom: 0; 
    width: 100%; 
    list-style: none; 
} 

.navbar a { 
    float: center; 
    display: block; 
    text-align: center; 
    padding: 10px 12px; 
    margin: 15px; /*experimental*/ 
    background-color: #f7b733; 
    color: white; 
    font-family: 'PassionTea', 'Amatic SC'; 
    font-size: 170%; 
    list-style-type: none; 
} 

Answer 1

.navbar{ 
    position:fixed; 
    bottom:0; 
    width:100%; 
    height: desired height; 
} 

あなたがいないrelative.Youドン」固定位置を設定する必要があなたのビューポートの一番下にあなたのメニューを固執します必要なリストスタイル：なし;あなたがnavタグのリストを持っていないからです。