CSS - 메뉴 (폭 고정) 드롭 다운

Question

당신이 드롭 다운 메뉴 여기 http://hms.harvard.edu/

하버드 의과 대학의 웹 사이트 탐색의 마지막 항목을 살펴 주실 수는 밖으로 표시되지 않는 하위 메뉴가 있습니다 그 고정 된 div. 즉, 마지막 항목의 하위 메뉴 위치가 조정되어 플로트 아웃되지 않습니다.

어떻게해야할까요?

내가 무슨 말을하는지 이해하길 바랍니다. 고마워요

Answer 1

해당 웹 사이트에서는 마지막 요소를 수동으로 배치하여 처리합니다.

다른 모든 하위 메뉴는 { position: absolute; left: 0; }이지만 마지막 하나는 left: -91px입니다. 마지막 메뉴 항목에 클래스를 첨부 할 수 있습니다 (또는 :last-child을 사용하지만 이전 IE에서는 작동하지 않음). 왼쪽으로 이동하여 기본 콘텐츠 상자에 맞 춥니 다.