Mac에서 볼 때 가로 드롭 다운 메뉴의 항목이 깨져 있습니다.

Question

수정 한 템플릿에서 CSS 드롭 다운 수평 메뉴를 사용하고 있습니다. 나는 맥을 가지고 있지만 문제의 웹 사이트를 디자인 한 가상 머신을 사용한다. 그것은 Windows 기반의 가상 머신에서 모든 브라우저에서 작동하지만, Mac에서 볼 때 실행 한 후에는 Mac에서 본 모든 브라우저에서 첫 번째 목록 항목 아래로 내 마지막 목록 항목을 삭제합니다.

드롭 다운 메뉴에는 3 개의 외부 스타일 시트가 첨부되어 있으며 연결된 페이지에 대한 내 스타일 시트가 있습니다. 이 간단한 해결책입니다하지만 난 난처한 상황에 빠진 있도록 최선의 프로그래머가 아니다처럼

http://174.120.170.93/~emoree/test.html

내가 느끼는 : 여기에 임시 IP 주소입니다.

Answer 1

ul.dropdown의 너비는 dropdown.css (행 27)에서 425px로 설정됩니다. 3 개의 목록 항목 모두에 대해 충분히 넓지 않으므로 3 개의 목록 항목은 공간이 부족할 때 아래로 떨어집니다.

나는 ul.dropdown에서 width:425px을 제거합니다. 이렇게하면 목록 항목이 웹 사이트의 오른쪽 부분에서 튕겨 나오므로 float: left; margin-left: 375px;

대신 div # 테스트를 float: right;으로 변경합니다.