IE 8 JQuery와 문제

Question

내가 가진 같은 사업부 :

<div class="box"> 
    <div id="myid" style="display:hidden;"> <p>some stuff here</p></div> 
</div> 

나는 위의 HTML (숨겨진 DIV "대한 myid")에 $("myid").slideToggle("slow");을 실행할 때의 내용이 상자를 통해 더 큰 높이가있는 경우, 내 콘텐츠 오버 플로우 이상하게도 다른 브라우저에서는 발생하지 않지만 IE8은

입니다. "myid"가 콘텐츠를 표시하기 시작하면 .box의 높이가 다음과 같이 조정될 수있는 방법은 무엇입니까? 내부 div에 맞게. 내 상자

CSS :

.box { 
    background:#fff; 
    -moz-border-radius: 10px; 
    -webkit-border-radius:10px; 
    border-radius: 10px; 
    border:1px solid #fff; 
    margin-bottom:10px; 
    padding:0; 
    } 

Answer 1

display:hidden; 당신이 원하는 없습니다. 대신 display:none;을 설정하십시오.

주된 문제는 상자의 높이를 최소 높이로 설정하는 것입니다. 하지만 내부 div에 맞게 더 커야합니까? 기본적으로 상자의 높이를 명시 적으로 설정하지 않아야합니다. min-height을 사용할 수 있지만 IE에서는 지원되지 않습니다. 상자를 최소 높이로 유지하려면 명시적인 높이를 가진 # myid에 형제를 사용합니다. 예를 들어 폭이 1px 일 수 있지만 높이가 50px (50px의 최소 높이)입니다. 내부 div를 플로팅해야합니다. http://www.jsfiddle.net/ZKkB3/

주요 제한이 왼쪽에 공간의 조금을 가지고 있다는 것입니다 :

은 여기에 수행하는 데모입니다. 당신은 음수 여백으로 그것을 고칠 수 있습니다, 나는 상상할 것입니다.