오버플로 오버라이드 : hidden

Question

많은 하위 요소가있는 상위 컨테이너가 있습니다. 애니메이션의 이유로 (부모 요소 안팎으로 움직이는 자식 요소들) 나는 overflow 속성을 hidden으로 설정했습니다.

위대한 작품이지만 부모의 경계 밖에서 보이기를 원하는 아이들이 몇 명 있습니다.

특정 아동 만 부모 경계 밖에서 볼 수 있도록하려면 어떻게해야합니까?

Answer 1

답변 : 할 수 없습니다. 부모 중 하나가 overflow:hidden이면 모든 자식 요소가 잘 리거나 overflow:(visible|auto|scroll|...) 인 경우 모든 자식이 해당 규칙에 따라 처리됩니다. 상태를 혼합 할 수있는 가능성은 없습니다. 모든 아이들은 동등하게 대우됩니다. 나를 위해 example

Answer 2

OP와 더 많은 논의의 관점에서이 대답은 도움이되지 않습니다. 대신 OP와의 명확한 설명을 참조하십시오.

먼저 특정 코드를 포함하면 도움이됩니다.

일반적으로 말하기, 예를 들어 overflow: hidden;

를 설정하는 것보다 아이에게 더 구체적인하는 CSS 선택을 제공

스타일 :

.hide-children div {overflow: hidden;} 
.hide-children div.show-me {overflow: none;} 

HTML :

<div class="hide-children"> 
    <div class="child"></div> 
    <div class="child"></div> 
    <div class="child show-me"></div> 
</div> 

하지만 내가 말했듯이, 몇 가지 샘플 코드가 있어야 의미있는 대답을 얻을 수 있습니다.

Answer 3

:

<parent>  
    <container1 style="overflow:hidden"> 
     <!-- these will be clipped --> 
     <element> 
     <element> 
    </container> 

    <container2 style="overflow:visible"> 
     <!-- these will be shown --> 
     <element> 
     <element> 
    </container> 
</parent> 

편집 :이 의사 코드처럼 :

그러나, 당신은 (숨겨진 더 이상 오버 플로우가) 부모 내부에 추가로 컨테이너 요소를 도입 할 수 오버플로로 부모를 만들어 주변을 둘러 봤습니다 : 더 크게 숨겨진 다음 주변 요소에 마이너스 마진을줍니다.