Chrome에서 [오버플로 : 자동]이 작동하지 않는 이유는 무엇인가요?

div가 Chrome의 부모로부터 나와서 FireFox에 둘 다 나타나지 않는 이유는 무엇입니까? IE8에서 모든 기능이 훌륭하게 작동합니다.Chrome에서 [오버플로 : 자동]이 작동하지 않는 이유는 무엇인가요?

크롬 :

enter image description here

코드 :

<div id="parentDIV" style="overflow: auto; height: 600px;"> 
    <!-- Child Control --> 
    <GW1:OrgChart ID="OrgChart1" runat="server" /> 
</div>

편집 : 나는 그것이 작동하는 부모 DIV의 폭을 지정,하지만 난 그렇게 선호하지 않는 경우. 너비를 100%으로 설정하려고 시도했지만 작동하지 않습니다. 좋은 아이디어!

2011-04-27 Homam

크롬에서 개발자 도구를 확인 했습니까? 그들은 중첩 된 div에 대해 무엇을 말합니까? –

나는 빠른 테스트 (http://jsfiddle.net/TvUqr/2/)를 만들었고 나를 위해 잘 작동한다. (고정 너비가 없어도) – Teneff

@Teneff : 문제가 '오버플로'에없는 것 같다. 사실 그것은 부모 div의 너비입니다. 특정 너비가 없으면 부모 내부에 머 무르지 않습니다. – Homam

부모 div은 overflow:auto의 폭이 있어야하며, 그렇지 않으면 모든 하위의 너비에 맞게 확장됩니다.

width:100%을 사용하는 것은 너비를 지정하지 않는 것과 같습니다. 부모는 제한이 없기 때문에 확장됩니다.

2011-04-27 09:06:05 whostolemyhat

문제를 지정했지만 폭을 지정하는 것을 벗어날 수는 없습니까? – Homam

@Jack : 아니요, 폭을 어디 선가 정의해야합니다. 100 %가 아닌 한 % 너비를 사용할 수 있습니다. (시도하지는 않았습니다.) – whostolemyhat

답변