div 영역 (겹치기) 위치조절 제가 풀었어요 !!
천사의눈물
2023.04.01
제가 3일을 붙잡고 고민했던내용이라 혹시 저와같은 문제를 갖고있는분들에게 도움이 될꺼같아서
해결방법 글을 씁니다.div 겹치기를 해야하는 내용인데
div 에는position : absolute (공중에떠있는) 와position : relative (상대적으로 위치한)가 있는데
기존에는 absolute 로 쓰면 무조건 left : 0px; top : 0px; 하면 왼쪽위에 배치되서 맘대로 위치조정이 안되지만
아래내용처럼 하면맘대로 위치조정이 가능합니다.
div style=position:relative; float:left; width:500px; /* 하나의 큰 div 영역을 일단 relative 로 만듭니다. 가두는거죠 */
div class=wrap style=position:absolute; left:0px; top:290px; z-index:10 /*여기서 absolute로 위치를 조정하는거죠 */
div class=product_bgimg src=이미지주소 /
/div
/div
/div이렇게하면 relative 로table (테이블)처럼 영역을 잡아주게되고 absolute 로 위치를 맘대로 조정가능하게 됩니다.
