부모와 자식을 무시하고 형제와 함께 플로트하는 상대 목록 항목이 필요합니다.

Question

나는이 목록 항목을 형제와 함께 플로트 시키려고했으나 자동으로 자녀를위한 여백을 만듭니다.

이러한 목록 항목은 새 자녀가 공개되었을 때 #dropdown div의 크기가 조정되도록 상대 위치로 유지되어야합니다.

아이들을 절대적으로 설정하고 jquery를 사용하여 .height()와 div의 크기를 조정했지만 'ul'의 높이에 응답하지 않았습니다.

아직 드롭 다운 기능을 구현하지 않았지만 올바르게 작동하도록했습니다.

도와주세요!

Heres는 내 바이올린 지금까지 http://jsfiddle.net/63pNN/3/

항목 1이> ItemA를 선택하면 메뉴는 다음과 같아야합니다

홈 항목 1 항목 2 항목 3
ItemA ItemB
ItemX ItemY

Answer 1

float와 margin을 사용할 때 너비를 지정해야합니다 (예 :

).

li { 
    display: inline-block; 
    float:left; 
    width:50px; 
    margin-left:10px; 
} 

희망이 도움이 :)

업데이트 : http://jsfiddle.net/63pNN/31/