혹시 overflow:hidden 속성을 특정 div 에만 적용시킬수 있을까요? (이미지첨부)

초보자나요

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2017-08-07 (월) 14:54:33 4,913

위와 같은 구조일때

wrap 안에 담긴 div1,div2 가 있는데요

div1 은 wrap 을 벗어나도 보이고

div2 는 wrap 을 벗어나면 보이지 않게 하고 싶습니다.

css overflow

답변 3개 / 댓글 1개

채택된 답변

+20 포인트

수다왕

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2017-08-07 (월) 14:58:59

예를 들어

</div>

이런식으로 해야 해요

<style>

.wrap{position:relative;width:300px;height:300px;overflow:hidden;z-index:1}

.div2{position:absolute;right:100px;top:100px;width:200px;height:500px;}

.div1{position:absolute;left:-100px;top:150px;width:200px;height:500px;z-index:2;}

</style>

답변에 대한 댓글 1개

초보자나요

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2017-08-07 (월) 15:18:50

답변 감사합니다.

제 질문 의도와는 거리가 멉니다 ㅠ

제 의도는 두 div 를 하나의 wrap 안에 담고
overflow 속성중에서 특정 div 만 적용시킬수는 없을까 였습니다.

단순 z-index 로는 아래로 감추는 효과만 나올뿐 div 길이 자체를 줄이기는 어려울것 같습니다.ㅠㅠ

잉끼s

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2017-08-07 (월) 16:54:48

div1를 wrap밖으로 빼는 수 밖에 없습니다.

님의 의도가 무언인지 모르겠지만

방법이 없어요.

이슈DEV

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2017-08-07 (월) 15:31:24

불가합니다 . 부모 div에서 overflow:hidden하면 자녀div는 무조껀 잘립니다.

답변을 작성하려면 로그인이 필요합니다.

혹시 overflow:hidden 속성을 특정 div 에만 적용시킬수 있을까요? (이미지첨부)

답변 3개 / 댓글 1개

답변에 대한 댓글 1개

공유하기