여백 문제 채택완료
은빛여전사
7년 전
조회 3,960
아래 코드는 객체를 지정된 위치에 겹치게 하는 소스 입니다.
아래 소스를 삽입하면 원하는 위치에 정상적으로 위치 하게 되는데요
문제는 아래 소스 가 끝난고 난 아래 부분에 아래 사진처럼
세로로 공백이 많이 생깁니다...
객체를 하나 추가 할때마다 점점 넓어 지고요..
왜그런지 알려 주세요 ㅠㅠ
</p>
<p><div style="position: relative; top:-942px; left: 0px; z-index: 1;">
<img src="../skin/latest/mainimages/images/1111.png" width="500" height="70">
</div>
<div style="position: relative; top:-1000px; left: 25px; z-index: 1;">
<font size="6" color="ffffff">경우티에스</font>
</div>
<div style="position: relative; top:-412px; z-index: 1;">
<img src="../skin/latest/mainimages/images/visual_titBg.png">
</div>
<div style="position: relative; top:-500px; left: 25px; z-index: 1;">
<font size="3" color="ffffff">Major News</font>
</div>
<div style="position: relative; top:-490px; left: 25px; z-index: 1;">
<font size="6.5" color="ffffff">주요뉴스</font>
</div></p>
<p>
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
채택된 답변
+20 포인트
sinbi
Expert
7년 전
relative는 바로 위 요소 (=가까이에 있는 병렬적 위치의 바로 앞 요소)를 기준으로 계산합니다.
그러니, top 길이를 아주 짧게 설정해주셔야 겠죠.
자세한 건, 아래 좌표에서 공부를....
https://homzzang.com/b/css-108
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
은빛여전사
7년 전
감사합니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인