목록으로

CSS 중에서 overflow 질문드려요.

그누초보님 9년 전 조회 4,126

위 그림 A 를 보시면 아이프레임 내부에 div 가 있구요 div position relative 입니다.

div 크기가 아이프레임을 벗어날경우 그림 A 처럼 div 하단이 짤려 안보이는데요

그림 B 처럼 div 크기가 아이프레임보다 크더라도 크기를 유지한체로 아이프레임을 벗어나지 않도록

정렬할수 있을까요?

좌우는 잘리지 않는데 하단이 잘리네요 ㅠㅠ

div position 은 relative 고정입니다.

혹시 css 로 할수 있는 방법이 있을까요?

#css #overflow #iframe #div

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

정렬:

천사별

9년 전

아래와 같이 div에 margin-top에 -값을 적당히 주고 위치를 올려주어 벗어나지 않게 해주세요.

div { margin-top:-100px; }

</style>

해당 div에 <div style="margin-top:-100px"></div> 와 같이 넣어주셔도 됩니다.

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

�

그누초보님

9년 전

답변 감사합니다. 제가 설명이 빈약했나봅니다 ㅠㅠ

position 속성이 relative 이고 위쪽에 위치한 컨텐츠에 따라서
높이가 상이 합니다.

따라서 절대값이 아닌 iframe 을 넘어갈때 위치를 강제로 잡아주는 css 가 있을까요?

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

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