동적으로 겹쳐 쓸 수있는 자리 표시 자 div 만들기

jQuery UI 아코디언을 페이지의 오른쪽 메뉴로 사용하고 있습니다. 그러나 메뉴가 왼쪽의 내용보다 큰 경우가 있습니다. 이 때문에 아코디언의 섹션을 확장/축소 할 때 브라우저의 스크롤 막대가 아코디언의 섹션을 열 때 확대/축소 될 수 있습니다. 내 생각은 아코디언이 아코디언 아래에있을 가능성이있는 높이 인 아코디언 아래에 div를 두는 것이 었습니다. 아코디언이 확장되면 브라우저가 겹치기 때문에 브라우저의 스크롤 막대가 전혀 변경되지 않습니다. 위치를 지정하십시오 : 절대적이고 높이와 너비를 선언하면 레이아웃이 엉망이되어 바닥 글과 겹치지 만 그 아래에 출혈이 생기는 것 같습니다. 누구나이 작업을 수행하는 방법에 대한 아이디어가 있습니까? 좀 더 자세한 예제가 필요하다면, 내가 제공 할 수있는 것을 볼 수는 있지만, 사이트는 잠겨 있기 때문에 사용자 이름/암호를 제공 할 수 없습니다.동적으로 겹쳐 쓸 수있는 자리 표시 자 div 만들기

출처

2010-12-14 David Savage

최소 높이가 IE 6 더스틴 디아즈에서 가장 오래된 해킹에 쉽게 구현할 수 :

selector { 
    min-height:500px; 
    height:auto!important; 
    height:500px; 
}

또는 표현에 :

selector { 
    height:expression(this.scrollHeight < 499 ? "500px" : "auto"); 
}

사실은 IE 6 높이 분 높이와 같다. 요소는 overflow:hidden이 지정 될 때까지 내용이 확장됩니다.

"* html 핵"또는 조건부 주석이있는 경우에만 IE 6에 규칙을 적용 할 수 있습니다.

출처

2010-12-14 20:24:51 Flack

'분 - 높이'+1 - 내가 제공 할 내용 :-) – Bojangles

와우, 나는 바보 같았다. Lol. 감사! –

아마도 주변에 메뉴가있는 콘테이너가있을 것입니다. 당신은 메뉴가 높이 될 수있는 가장 높은 동일 될 컨테이너에 최소 높이 CSS를 추가 할 수

출처

2010-12-14 20:09:35

나는 그 옵션에 대해서도 생각했다. 그러나이 사이트는 Firefox 및 Safari와 함께 IE6-8을 지원해야하며 적어도 IE6은 최소 높이 속성을 지원하지 않습니다. 이러한 브라우저에서 그 결과를 얻는 방법을 알고 있다면 나는 확실히 그 해결책을 찾고 있습니다. –

ie6에서 min height를 'min height fast hack'으로 에뮬레이트 할 수 있습니다. http://www.dustindiaz.com/min-height-fast-hack/ selector { min-height : 500px; 신장 : 자동! 중요; 신장 : 500px; } –

동적으로 겹쳐 쓸 수있는 자리 표시 자 div 만들기

답변

관련 문제