2013-02-27 11 views
1

내부 div의 부모가 overflow:hidden 일 때 어떻게 내부 div가 표시됩니까? 숨길 필요가있는 슬라이드가 여러 개 있기 때문에 부모 또는 슬라이드를 overflow:hidden으로 설정해야합니다. 하지만 내가 원하는 것은 오버플로에서 벗어나기 위해 표시 할 때 내부 "슬라이드"의 일부를 표시하는 것입니다. 어떻게해야합니까? 아니면 다시 설계해야한다면 어떻게 작동해야합니까? 내가 할 수있는 일이 무엇인지 예를 남겨주세요.내부 div 오버 플로우 표시 : 상위 오버플로 표시 : 숨김

<div id="slides" style="overflow:hidden; width:300px; height:300px"> 
    <div id="slide" style="height:300px; height:300px">    
     <div style="overflow:visible"> 
      <img alt="" src="image.png" /> 
     </div> 
    </div> 
</div> 
+2

너무 많은 단어, jsfiddle을 내 친구를 jsfiddle을. – martriay

+0

세미콜론을 인라인 스타일로 놓치 셨습니다. –

+3

제목을 읽는 것만으로는 불가능하다고 생각합니다. 부모는 '오버플로 : 숨김'입니다. 경계를 벗어나는 항목은 숨겨집니다. 부모 항목을 부모 div에 넣지 않는 한, 그 안에 무엇이든지 표시됩니다. 위치 상대와 함께, 당신이 형제 절대 div로 표시하고 싶은 것을 배치하십시오. –

답변

1

체크 아웃이 데모

[parent div overflowhidden inner div overflow scroll][1] http://jsfiddle.net/fGFnu/1/

+0

나는 그걸 시험해 보았는데, jsFiddle에 멋진 예제가 있다면 아무렇지도 않게 표현할 수있다. – ONYX

+0

그게 나에게 스크롤 바를주고, 내 이미지가 숨겨진 부분에서 튀어 나오길 바라지 않는다. 자바 스크립트도. 기본적으로 나는 그 다음 이미지를 보여주는 왼쪽 위치를 움직이게하지만, 숨겨진 부분 외부에있는 오른쪽의 끝 부분을 원합니다. – ONYX

+0

피들 체크 아웃! –

관련 문제