엘리먼트의 위치 지정하는 방법이
static, relative, absolute, "fixed(에프 아이 엑스 이 디 씨발 표시가 안되네 미친 디씨)" 4가지가 있잖아.
근데
absolute는 "static이 아닌" 부모를 기준으로 한단 말이야?
그 이유를 책에서는(html5+css3 정복이라는 책)
absolute는 절대적인 위치를 지정하므로 부모또한 고정된 위치에 있어야하기 때문이라고 되어있는데
근데 relative로 부모 위치가 지정되어 있을 경우에는 말야
relative도 "정상위치"를 기준으로 떨어진 위치를 지정하는 것이기 때문에 고정된 위치는 아닌거 아닌가? 책이 이상한건가
설명 좀 해줘
앱솔루트로 잡으면 부모속성의 위치로 잡고 릴레이티브는 static인데 위치 이동하면 0,0 이 기준이고, 픽시드는 스크롤에 대해 고정
ㄴ아 릴레이티브가 0.0을 기준으로 하는거임? static으로 지정했을 때의 위치 기준이 아니라?
부모 기준에서
내가 말을 헷갈리게 했다. 릴레이티브 부모기준 엡솔루트 위치이동시 0,0 기준
어쨋든 static이든 relative든 흐름에 따라 달라지는거지 흐름에 관계없이 고정된 위치는 아니지?
엡솔루트가 부모 기준 0.0이 기준이라는 말맞지?
움직임이 없으면 static 이랑 같고, 움직임이 있으면 좌표 0,0
그냥 div 그려보면서 비교하면 이해될듯
head first html css 책 추천이요~ 번역본~ 한빛미디어
relative는 static의 일종이고 absolute는 fixed의 일종임. 단, relative와 absolute는 relative나 absolute가 설정되어 있는 제일 가까운 부모컨테이너의 (0, 0)을 기준으로 잡음. 만약 부모컨테이너가 없다면 올라가고 올라가서 body를 기준으로 잡음.
absolute와 fixed는 흐름이 없음. 다른 div컨테이너에 흐름의 영향을 주지 않음. 이 말은 static이나 relative가 설정된 컨테이너에 영향을 주지 않는다는 뜻임. 그래서 겹치는것도 되는거. static이나 relative를 겹치게하려면 margin에 -값을 준다거나 해서 겹치는거 말고는 서로 간섭하지않음~
static과 relative의 차이라고 한다면 relative는 자신이 부모컨테이너가 되었을 때 자식컨테이너들이 relative나 absolute가 설정되었을 경우 그들에게 자신이 기준점이 되준다는 것임
fixed나 absolute의 차이라고 한다면 fixed는 항상 보이는 화면, 즉 window가 부모컨테이너인 것이고 absolute는 뭐 relative나 aboslute가 설정된 컨테이너를 기준으로 한다는 것이고.
ㄴ 혤이님 정확하게 아시는군요. 저희 프로젝트에 참여하세요 제 카톡 0852777~ 연락주세요~