혹시 overflow:hidden 속성을 특정 div 에만 적용시킬수 있을까요? (이미지첨부)
본문
위와 같은 구조일때
wrap 안에 담긴 div1,div2 가 있는데요
div1 은 wrap 을 벗어나도 보이고
div2 는 wrap 을 벗어나면 보이지 않게 하고 싶습니다.
답변 3
예를 들어
<div class="wrap">
<div class="div2"></div>
</div>
<div class="div3"></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>
답변 감사합니다.
제 질문 의도와는 거리가 멉니다 ㅠ
제 의도는 두 div 를 하나의 wrap 안에 담고
overflow 속성중에서 특정 div 만 적용시킬수는 없을까 였습니다.
단순 z-index 로는 아래로 감추는 효과만 나올뿐 div 길이 자체를 줄이기는 어려울것 같습니다.ㅠㅠ
불가합니다 . 부모 div에서 overflow:hidden하면 자녀div는 무조껀 잘립니다.
div1를 wrap밖으로 빼는 수 밖에 없습니다.
님의 의도가 무언인지 모르겠지만
방법이 없어요.
답변을 작성하시기 전에 로그인 해주세요.
