2026, 새로운 도약을 시작합니다.

div position 질문드려요.. 왜 정렬이 안되죠?? 채택완료

9년 전 조회 5,652

안녕하세요 오늘은 div position 에 의문사항이 있어

도움을 요청하고자 합니다.

소스는 아래와 같구요

Copy
/*탑메뉴1 */ #tmenu1  { position: fixed; width: 386px; height: 75px; left:0px; top:20px; z-index:9999; }
/*탑메뉴2 */ #tmenu2  { position: fixed; width: 328px; height: 75px; right:0px; top:20px; z-index:9999; }
/*메인화면 */ #main  { position: static; width: 100%; height: 600px; background-color:yellow; }
/*메인메뉴 */ #mmenu  { position: relative; width: 1532px; height: 75px; top:525px; left:50%; margin-left:-766px; background-color:red; z-index:8888; }
/*메인배경1 */ #mbg1  { position: relative; width: 676px; height: 402px; bottom:0px; left:50%; margin-left:0px; background-color:cyan; z-index:17777; } 

소스는 위와 같구요

아래는 현재 상태입니다.

3d6eb0336e3041f4b1ab88c3c01b54ac_1465877638_7359.jpg

main 안에 있는 mbg1을 bottom:0px 을 줘봐도

노란색 main 밑부분에 붙질 알고 저렇게 떠있습니다.

혹시나해서 top:0px 을 줘도 노란색 main 맨 윗부분에 붙지를 않구요ㅠㅠ

어디가 잘못된걸까요??

제가 하고 싶은건 mbg1 저녀석을 노란색 main 아랫부분에 붙이고 싶습니다 ㅠㅠ

3d6eb0336e3041f4b1ab88c3c01b54ac_1465877808_5725.jpg

이렇게요..

어딜 잘못건드린걸까요??

 

답변 2개

채택된 답변
+20 포인트

#main에 position:relative;를 하시고

#mbg1에 position:absolute;를 하시면 자기 부모를 기준으로 absolute가 됩니다. 

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

답변에 대한 댓글 1개

답변감사합니다!!!

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

position: absolute; 가 되어야하는건 아닌지요  

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

답변에 대한 댓글 1개

absolute 하면 부모div 와 상관없이 무조건 정렬 아닌가요?
저는 부모 main div 기준으로 mbg1 을 맨 아래 정렬 시키고 싶어서요..

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

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

로그인
🐛 버그신고