ナビゲーションバーのコードがあまり良くないので修正しました。リンク切れの問題が発生しました。理由はわかりません

Question

これをどう説明したらいいのかよくわかりませんが、基本的に、固定ナビゲーションバーはスクロールしないがハイパーリンクは機能するか、ナビゲーションバーはスクロールするがハイパーリンクは機能しません。 html と css で修正しようとすると、このループが発生し続けます。これに関して助けていただければ幸いです。

これはナビゲーション バーの HTML です:

リーリー

原子の中はそれほど乱雑ではないようだと誓います

これはナビゲーション バーの CSS です:

「リスト スタイル タイプ」が多すぎることはわかっていますが、冗長なものを削除する必要があります。

リーリー

私は HTML と CSS についてはかなり初心者なので、愚かなことを言って恥をかいていただいても構いませんが、正直に言って困惑しています。

Answer 1

ああ、最初に気づいたのは、各 li 要素の後に </li> が 2 回続いていることです :) おそらくオートコンプリートでしょう。 「固定ナビゲーションバーはスクロールしないが、ハイパーリンクは機能する」という意味がわかりません。

しかし、jsFiddle で試して

を追加すると リーリー

それは私にとってはうまくいきます (

<br/>s 私はただ怠け者なので無視してください :D) https://jsfiddle.net/kz1fxcpe/#&togetherjs=CecrBwKjSj

編集: 削除すると書いたのは知っていますが、念のため -

<ul> のみ list-style-type: none; が必要です :) CSS を見てください。float の代わりに flex を使用することをお勧めします。その方が安全ですが、それは単に私の好みかもしれません。気にしないでください。 リーリー