탐색 표시줄의 중앙 드롭다운 메뉴

Question

이 CSS/HTML을 만들었습니다.

으아아아 으아아아

하지만 두 가지 문제가 있습니다.

질문 1 - 드롭다운 메뉴를 중앙에 배치할 수 없습니다. 아래 코드를 사용하면 중앙에 위치하지만 다양한 해상도와 장치 등에 스크롤 막대가 생성됩니다.

으아아아

질문 2 - 드롭다운 버튼은 전체 25% 영역으로 확장되지 않습니다(다른 버튼에도 동일하게 적용됨). 즉, 마우스 오버는 "TOPIC V" 텍스트에서만 작동합니다

이런 일이 왜 발생하는지 알 수 없습니다..2일 이후로 문제를 해결할 수 없습니다.[

Answer 1

첫 번째 질문에서는 Flexbox를 사용하여 항목을 정렬하세요.

으아아아

두 번째 질문의 경우 너비를 100%로 설정해야 합니다. 자세한 내용은 아래 코드 조각을 확인하세요.

으아아아

으아아아 으아아아