고정된 navbar 코드가 좋지 않아 링크가 끊어지는 문제가 발생했습니다. 이유를 모르겠습니다.

Question

이 문제를 어떻게 설명해야 할지 잘 모르겠지만 기본적으로 고정된 navbar가 스크롤되지 않지만 하이퍼링크가 작동하거나 navbar가 스크롤되지만 하이퍼링크가 작동하지 않습니다. 이 루프는 HTML과 CSS에서 수정하려고 할 때 계속 발생합니다. 이에 대해 도움을 주시면 정말 감사하겠습니다.

탐색 표시줄의 HTML은 다음과 같습니다.

으아아아

원자로 보기에는 그렇게 지저분해 보이지는 않을 것 같아요

내비게이션 바의 CSS는 다음과 같습니다.

"목록 스타일 유형"이 너무 많아서 중복된 유형을 삭제해야 한다는 것을 알고 있습니다.

으아아아

저는 html&css를 처음 접했기 때문에 어리석은 일로 부끄러워해도 솔직히 슬프지만요.

Answer 1

아, 제가 가장 먼저 알아차린 점은 각 li 요소 뒤에 </li>가 두 번 나온다는 것입니다. :) 아마도 일부 자동 완성 기능이 있을 것입니다. "고정 navbar는 스크롤되지 않지만 하이퍼링크는 작동합니다" 라는 말이 무슨 뜻인지 잘 모르겠습니다.

하지만 jsFiddle을 시도하고

를 추가하면 으아악

저에게는 아주 잘 작동합니다. (무시하세요 <br/>s 그냥 게으른 것 뿐이에요 :D) https://jsfiddle.net/kz1fxcpe/#&togetherjs=CecrBwKjSj

편집: 당신이 그것을 제거하겠다고 썼다는 것을 알고 있지만 확실히 하기 위해 - 단지 <ul> 需要 list-style-type: none; :) 나는 당신의 CSS를 가지고 놀았고 float 대신 flex를 사용하는 것이 좋습니다. 더 안전하지만 그게 나일 수도 있습니다. 선호하시는데, 괜찮으시길 바랍니다.

으아악