여백 문제 채택완료

7년 전 조회 4,015

아래 코드는 객체를 지정된 위치에 겹치게 하는 소스 입니다.

 

아래 소스를 삽입하면 원하는 위치에 정상적으로 위치 하게 되는데요

 

문제는 아래 소스 가 끝난고 난 아래 부분에  아래 사진처럼

세로로 공백이 많이 생깁니다...

객체를 하나 추가 할때마다 점점 넓어 지고요..

왜그런지 알려 주세요 ㅠㅠ3717413063_1532676634.927.png

 

 

Copy
<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>

답변 1개

채택된 답변
+20 포인트

relative는 바로 위 요소 (=가까이에 있는 병렬적 위치의 바로 앞 요소)를 기준으로 계산합니다.

그러니, top 길이를 아주 짧게 설정해주셔야 겠죠.

자세한 건, 아래 좌표에서 공부를....

https://homzzang.com/b/css-108

 

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

답변에 대한 댓글 1개

감사합니다.

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

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

로그인
🐛 버그신고