IE의 드롭 다운 정렬 수정

Question

현재 일부 클라이언트 작업을하고 있으며 간단한 드롭 다운 메뉴를 사용하고 있습니다. 그것은 IE를 제외하고 대부분의 브라우저에서 정상적으로 작동하는 것 같습니다. 디버깅은 IE가 실제로 많은 통찰력을 제공하지 못하기 때문에 진짜 문제였습니다. 정확한 문제를 지적 할 수 없었습니다.

드롭 다운은 position: absolute 인 div이고 세 개는 <ul>입니다. 내가 말할 수있는 바에 따르면, div는 괜찮은 위치에 있지만 첫 번째 ul은 두 배의 너비입니다. 명확한 이유가 없으므로 전체 드롭 다운이 제대로 정렬되지 않은 것처럼 보입니다.

드롭 다운 목록은 fatumdemo.platonlearning.com입니다. 톱 메뉴 (파란색)의 메뉴 항목 위로 이동하면 문제를 볼 수 있습니다.

코드는 여기에 모두 게시하는 데 시간이 많이 걸리지 만 구조와 CSS에 대한 자세한 정보가 필요하면 게시 해 주시기 바랍니다.

Answer 1

이었다 li의 어린이는 ul입니다. Internet Explorer는 분명히 다른 브라우저와 달리이 동작을 허용하지 않으며 다른 요소를 목록 항목으로 취급하므로 IE의 잘못된 목록 항목에 드롭 다운되는 경우가 있습니다.

Answer 2

조이

1) #navigation의 UL 리 ---> 추가 위치 : 상대 속성

2) #navigation의 상향 리 .dropdown -----> 넣고 폭 : 450 픽셀에 500 픽셀

3) #navigation ul li .dropdown ul -----> 너비 : 160px 이상을 입력하십시오. 는 반드시 절대 위치에 대하여 부모 요소의 폭과 높이가 필수 인 추가 때

주요 문제 이유는, 폭과 상대적 그 절대 요소 문제는 그 이외의 요소를 사용했다는 사실