배경 : 사이트 헤더가 있고 다른 div (workspaceSelectNav 또는 accountActionsContainer)를 클릭 할 때 div (headerAdminPanel)를 표시하는 jQuery 코드를 만들었습니다. 그것은 본질적으로 그 안에 다양한 옵션이있는 메뉴가 될 것입니다. 이 문제는 headerAdminPanel 패널 div에 헤더가 오버플로가있는 div가 있기 때문에 제대로 표시되지 않습니다. 숨겨진 항목과 Z- 인덱스 위치가 대답이 아닌 것으로 보입니다 (잘못된 것이 아니라면). position:relative;, position:absolute;, 또는 position:fixed;이 z-index에 의해 영향을받습니다와 http://jsfiddle.net/user1032334/NY75B/2/오버플로가있는 div 위에 제대로 div를 배치하는 데 어려움이 있습니다. 숨김
나는 우리가이 부분에 대한 전체 코드가있는 경우 잘 모릅니다. 하지만 코드에는 2 개의 추가 닫기 </div> 태그가 있습니다. 잘못된 HTML 은 일 수 있습니다. 문제의 원인이 될 수 있습니다.
라인 19 & 20은 여분의 </div> 태그를 가지고 있습니다.
Check out this JSFiddle. < - 이것은 2 개의 추가 종료 태그가있는 코드입니다. (댓글을 달았습니다)
Check out this JSFiddle. < -이 코드는 이 아니며, 개의 여분 태그가 있습니다.
에 예제 (jQuery 포함) 게시를 고려해보십시오. JS에 추가하여 내가보고있는 것을 볼 수 있습니다. 작업 공간 이름 또는 사용자 이름 패널을 클릭하면 왼쪽에 div 디스플레이가 표시됩니다. 이 div가 흰 div 밖의 전체 높이를 표시하려면이 div가 필요합니다. 오렌지색 "5"위에 표시되어야합니다. [link] http://jsfiddle.net/user1032334/NY75B/1/ – Curtis
감사합니다. 다시 입력 했으니 지금 저장 한 것처럼 보입니다. – Curtis
아직도 작동하지 않습니다. http://jsfiddle.net/user1032334/NY75B/3/ – Anil
요소 만 :
여기 내 HTML 코드입니다.
아마도이 도움이 될 것입니다#workspaceSelectNav { position:relative; z-index:whatever;}
단순한 해결책은 오버플로가 표시 될 때 오버플로가 잘리지 않도록 하위 메뉴의 높이를 헤더에 단순히 추가하는 것입니다. 여분의 높이로 내용을 아래로 밀어 넣지 않으려면 하단에 항상 음수 여백을 적용 할 수 있습니다.
이 문제를 관찰 할 수있는 가장 단순한 시나리오로이 문제를 해결할 수 있습니까? 또한, jsfiddle (http://www.jsfiddle.net) – bookcasey