오버플로 자동으로 절대 위치 지정 div 자식 절대 div가 잘리지 않게 함

Question

오버플로 자동으로 절대 위치 div가 있습니다. 이 div 안에 또 다른 절대 위치 div가 있습니다. 내 문제는이 자식 div 오버플로 인해 잘라옵니다. 오버플로가 설정되지 않은 것처럼 컨테이너 div에서 벗어나기를 원합니다. Z- 인덱스 설정을 시도했지만 도움이되지 않습니다. 내가 무엇을 할 수 있을지? 당신은 몇 가지 요소가 부모가 아닌 일부 요소를 오버 플로우하지하려면

HTML

<div class="parent"> 
    <div class="child"></div> 
</div> 

CSS

.parent { 
    position:absolute; 
    z-index:0 
    overflow:auto; 

    width:400px; 
    height:400px; 

    border:1px solid #000; 
} 

.child { 
    poisiton:absolute; 
    z-index:1 

    width:300px; 
    height:450px; 

    border:1px solid #f00; 
} 

Answer 1

, 당신은 현재의 아이를 배치 나을 것 현재 부모 외부의 div. 그냥 절대적으로 위치하는 동료로 만드십시오.

Answer 2

다른 방법으로 플로트를 지울 수 있는지 확인하십시오. CSS를 overflow: visible으로 변경하는 것은 좋은 해결책입니다.

<div class="container"> 
    <div class="parent"> 
    </div> 
    <div class="child"> 
    </div> 
</div> 

CSS :

.container { 
    /* apply positioning from .parent */ 
} 
.parent { 
    position: absolute; 
    top: 0; 
    left: 0; 
} 
.child { 
    /* apply positioning from .child */ 
}