CSS 위치 문제 : 위치와의 상대적 위치 : 절대적인 아이들

Question

보통 이런 종류의 일은 할 수 있지만 오늘은 나를 괴롭 히고 있습니다.

JSbin의 this 페이지를 참조하십시오.

은 본질적으로 무엇을 내가 뭘하는

• 가 정렬되지 않은 항목들은 모두
• jQuery를 통해 반복하고 확장 목록 항목 내부에 별도의 링크를 만드는 링크가
• 을의 목록을 가지고있다 전체 목록의 항목을 사용하여 CSS이 사용자에게 어떤 이유로

를 클릭하여 더 큰 장소를 제공

에, 카이 부모가 position: relative을 가지고 있음에도 불구하고 링크가 부모에게서 나오는 것으로 보입니다.

내가 잘못 했습니까? 많은 감사합니다.

Answer 1

나는 display: -moz-inline-box;을 삭제했으며 완벽하게 작동했습니다.

Answer 2

귀하의 문제는 부모 <li>이 인라인 박스라는 것입니다.

수정하려면 replace display: inline-box with float: left.