2011-04-28 5 views
0

하드 성장 할 수 있도록,하지만 여기 간다 : 나는 list-item의 내용에 div를 추가 할 jQuery를 사용하고어떻게 내 목록 항목 내부 사업부 목록 항목이 하나를 설명하는

.

달성하고자하는 것은 list-item이 방금 추가 된 div의 높이까지 자랍니다. http://pieterhordijk.com

당신이 div 메뉴 항목에 추가됩니다 상단 메뉴에 마우스를 가져 :

은 다음 웹 사이트를 확인하시기 바랍니다.

요구 사항 :

추가 된 div의 CSS 만 변경할 수 있습니다.

JavaScript 솔루션이 없습니다.

[편집] 사업부는 position: relative;

이 가능 유지한다?

미리 도움 주셔서 감사합니다.

+0

CSS * 솔루션 만 원할 경우 jQuery 솔루션 제공을위한 인센티브를 제거하기 위해 jquery 태그 제거를 고려할 수 있습니다. –

+0

@David : done. div가 jQuery에 추가되었음을 보여주기 위해 추가되었습니다. 하지만 네가 옳을 수도 있다고 생각해. – PeeHaa

+0

리에 div를 추가하는 요령은 무엇입니까? 어쩌면 당신이 결국 당신이 성취하고자하는 것을 말해 준다면 더 나은 해결책이 될 것입니다. – wdm

답변

1

당신은 LI를 떠 다니고 고정 된 높이를줍니다. 따라서 LI의 CSS를 만지기 만하면 않는 한이 작업을 수행 할 수 없습니다.

+0

arrrggh 당신 말이 맞아요. 결국 JavaScript 솔루션에 의지해야만하는 것처럼 보입니다. (감사합니다! – PeeHaa

2

<li> 요소의 CSS에 height:auto;을 설정 한 다음 z-index으로 재생하여 다른 요소 위에 표시되도록 설정하십시오. 최소 높이를 유지하려는 경우 min-height:22px;을 설정하거나 강제로 적절한 크기로 요소를 넣을 수도 있습니다.