margin : auto 와 position : absolute 의 차이가 궁금합니다
790
작성한 질문수 5
자주 나오는 개념같은데 제가 헷갈려서 질문드립니다. ^^; 보통 부모자식관계를 설정할때 position : absolute를 써서 원하는 위치에 놓는것으로 알고 있습니다. 그런데 어떨때는 강의에 나오는 header 와 header-inner 같이 margin:auto를 사용하던데 그 차이가 궁금합니다. 예를 들어 단순히 센터배치일때도 position : absolute 와 top/ left/ transform 등을 써서 센터에 놓기도 하잖아요.
답변 1
1
너무 깊이 생각하실 필요는 없어요.
margin: auto는 요소를 수평 중앙보내는 역할입니다. 부모요소가 바뀌던 말던 상관없이 자기 자신이 수평중아에 가는거구요.
position을 사용하는건 부모요소를 기준으로 위치시켜야 하는 경우에 사용합니다.
만약 단순하게 요소를 수평중앙에 보내야 할 경우 position을 사용하는 것보다 그냥 margin: auto 사용하는 것이 맞습니다.
full reload 질문
1
195
3
섹션4에 있는 4번째 강의 질문(스크롤링)
1
157
2
안녕하세요. 질문있어서 조심스레 글을 올려봅니다.
1
209
1
브라켓 라이브 실행시 실행오류때문에 진도가안나갑니다..ㅠㅠ
1
331
3
css full reload 문제가 발생하여 질문드립니다!
1
325
3
파일 내 index.html에 대한 오류
1
268
1
모바일 네비게이션 퍼블리싱 - 모바일트리거, GNB 보이기 감추기 부분 해결되지 않아 재 질문 드립니다ㅠㅠ
1
213
1
모바일 네비게이션 퍼블리싱 - 모바일트리거, GNB 보이기 감추기 질문입니다
0
219
2
모바일 네비게이션 퍼블리싱 ㅡ모바일트리거,GNB 보이기 감추기 부분 다시 수정하여 질문드립니다!
1
207
2
모바일 네비게이션 퍼블리싱 ㅡ모바일트리거,GNB 보이기 감추기 부분 질문드립니다.
1
260
3
크로스브라우징-크롬
1
291
2
섹션 17 하드코딩으로 이미지맵 만들기 부분 연습파일이 없어요..
0
260
1
line-hieght를 em 단위로 쓰는 것에 대하여 질문 드립니다
1
221
1
슬릭 슬라이더 dots 보이게 하는 방법 질문 드립니다
1
288
1
이거 h2 가 안나오고 스크롤도 안되는데 왜이래요?
1
265
1
모바일 버전에서 메뉴 클릭 후 그 위치로 이동할 때 상단 영역
1
521
2
PC에서 모바일화면으로 전환되면 GNB 메뉴가 OPEN되어있는 상태 (소스)4
2
235
1
PC에서 모바일화면으로 전환되면 GNB 메뉴가 OPEN되어있는 상태 (소스)3
2
316
1
PC에서 모바일화면으로 전환되면 GNB 메뉴가 OPEN되어있는 상태 (소스 js)2
2
274
1
PC에서 모바일화면으로 전환되면 GNB 메뉴가 OPEN되어있는 상태
2
441
1
포지션 속성 중복과 관련해서
1
225
1
section about에 관련.. 궁금해요
1
259
1
섹션3 모바일네이게이션 퍼블리싱 모바일트리거 관련
1
199
2
개발자도구
2
494
6