작성한 질문수
[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
[최종본 제작] 가로 고정형(A1타입) – Part1
작성
·
165
1
css에서
body {
margin:0;
}
.container {
margin:auto;
각각 왜 넣는건가요?
body에는 초기 마진값을 없앤다고 쳐도 .container에 margin auto를 주면 좌우 값뿐만 아니라 상하 값도 가운데 정렬이 되어야 하는 거아닌가요?(그런데 상하값은 왜 또 가운데 정렬이 되지 않는지..)
이 두 가지를 적지 않는 대신 body에 margin:0 auto;를 주어도 되나요?
답변 1
body에 margin: auto를 줄 수 있지만 주어도 body는 너비가 100% 이니까 변화가 없습니다.
.container의 너비는 1200픽셀이니까 margin: auto로 수평중앙에 보냅니다.
body에 margin:0 auto; 주셔도 아무 변화도 없어요.