테스트 사이트 - 개발 중인 베타 버전입니다

퍼블리싱문의드립니다. 채택완료

히어1 11년 전 조회 4,121
dww.gif
 
 
이미지처럼 div 박스를 하나 만듭니다. 스타일로 position:relative; 정의되어잇는경우
두번째 이미지처럼 오렌지색 박스를 position:absolute; 하여 박스 밖으로 약간 뺄려고 합니다.
magin도 줘보고 left 도 줘보고 했는데도 세번째처럼 박스 이탈되는 부분은 짤린채로 보입니다.
방법이 없을까요?
박스의 relative는 반드시 정의되어있어야합니다 ;;;;;;;;
댓글을 작성하려면 로그인이 필요합니다.

답변 4개

채택된 답변
+20 포인트
11년 전
위 네이비칼라님 말씀대로 해보셔도 짤린다면
overflow: hidden; 이 아마 선언되었을겁니다.
로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

히어1
11년 전
맞네요........그게 문제였군요 ;;;;;;
답변 감사합니다.

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

11년 전

relative 내의 absolute는 relative 밖으로 벗어날 수 없습니다



로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

히어1
11년 전
그러니까 말이죠........그게 모르는게 아닌데 다른 방법으로 구현할 방법은 없는걸까요?

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

11년 전
다음을 잘 이용해 보세요 ^^

</div>
<div><div><div style="position:relative;width:500px; height:300px;border:1px solid red;margin-left:200px;margin-top:100px">position:relative</div>
<div><span style="position:absolute;width:200px;height:30px;background:black;color:white;top:50px;left:-70px;"></div>
<div>position:absolute</div>
<div></span></div>
<div></div></div></div>
<div>
로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

히어1
11년 전
답변 감사합니다 (__);;;;;;

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

11년 전
z-index 사용 해보셨나요?
로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

히어1
11년 전
네......사용해봤습니다.

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

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

로그인