드롭다운 메뉴 li 태그가 ul 범위를 넘어가는 문제 (CSS) 채택완료
규규미
3년 전
조회 2,923
디자이너가 아니다보니, 간단한것같은데 뭐라 검색해야할지조차 감이 오질 않네요.
딱 보시면 뭐가 문제인지 아실것같습니다.
쇼핑몰 메뉴 설정을 많이 설정을 했더니 범위를 넘어가버리네요. 저는 당연히 가로로 넘어갈줄 알았거든요.
결론적으로 만들고 싶은건 요런모양인데 (hover 되었을때, 세로로 넘어가는 부분들은 가로로 넘어가게... )
그런데 이게 다른 사이트들을 참조하려고해도 hover된 상태에서만 CSS가 노출되는데, DevTool에서 hover나 active 설정해도... 뜨질 않네요...
HTML을 확인해보면 저 칸자체가 ul로만 구성되어있고 따로 감싸고 있는 div 태그 같은것들은 없더라구요. 그러면 ul 태그만 손봐주면 될거다 싶어서 width 값이나 height 값을 고쳐보고 있는데 왜 넘어가는지는 도무지 모르겠습니다.
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
3년 전
아래 이미지처럼 하고 싶으신거 같은데
url좀 알려주실수있나요??
부트스트랩 쓰시는거같은데
css 프로퍼티 값에 따라 방법이 달라지니
url 공유가 어려우시면
ul div 으로 감싸고 아래 처럼 한번해보세요
</p>
<p><div style="width:100%"></p>
<p> <ul style="width:100%"></p>
<p> <li style="float:left; width:200px;"></li></p>
<p> </ul></p>
<p></div></p>
<p>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
규규미
3년 전
감사합니다 !!^^
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인