스프링부트 html hover 영역 질문드립니다.

3529314479_1730360171.1077.png

<li>
  <a class="mmLink" href="#">메뉴4</a>
  <ul class="submenu">
    <li><a href="#">서브메뉴 1</a></li>
    <li><a href="#">서브메뉴 2</a></li>
  </ul>
</li>

이런 식으로 했습니다.

3529314479_1730360984.7403.png

mainmenu li hover 시 submenu가 나타나게 했습니다.

그런데 메인메뉴와 서브메뉴 간의 공백이 있어서,

메인메뉴에서 서브메뉴로 커서 옮기려하면 공백에 닿아서, 서브메뉴가 사라집니다.

위 여백까지 hover 유지하게 하는 방법 있을까여? 

답변 1개

li 에는 position: relative; 주시고 서브 메뉴는 position: absolute 로 위치 조절 하시는게...

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고