CSS 중에서 overflow 질문드려요.
본문
위 그림 A 를 보시면 아이프레임 내부에 div 가 있구요 div position relative 입니다.
div 크기가 아이프레임을 벗어날경우 그림 A 처럼 div 하단이 짤려 안보이는데요
그림 B 처럼 div 크기가 아이프레임보다 크더라도 크기를 유지한체로 아이프레임을 벗어나지 않도록
정렬할수 있을까요?
좌우는 잘리지 않는데 하단이 잘리네요 ㅠㅠ
div position 은 relative 고정입니다.
혹시 css 로 할수 있는 방법이 있을까요?
답변 1
아래와 같이 div에 margin-top에 -값을 적당히 주고 위치를 올려주어 벗어나지 않게 해주세요.
<style type="text/css">
div { margin-top:-100px; }
</style>
해당 div에 <div style="margin-top:-100px"></div> 와 같이 넣어주셔도 됩니다.
답변 감사합니다. 제가 설명이 빈약했나봅니다 ㅠㅠ
position 속성이 relative 이고 위쪽에 위치한 컨텐츠에 따라서
높이가 상이 합니다.
따라서 절대값이 아닌 iframe 을 넘어갈때 위치를 강제로 잡아주는 css 가 있을까요?
답변을 작성하시기 전에 로그인 해주세요.