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

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; 
}

出典

2017-04-25 Paige Serbin

あなたはどんな問題に直面していますか？あなたは問題の写真を投稿できますか？ – Nimish

navは何の下部にあるはずですか？ 'float：center'は無効ですbtw –

ええ、私は自分よりも先に進んでいて、私が完全に理解していない財産を使用しようとしました。ページの一番下にあったはずですが、私は浮動小数点のプロパティを取り除いて絶対位置に変更しました。これで問題は解決しました。正直なところ、私はどのように直前にそれを得たか分かりません。ありがとう！ –

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

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

出典

2017-04-25 23:40:57

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

答えて

関連する問題