인프런 커뮤니티 질문&답변

twoa0님의 프로필 이미지
twoa0

작성한 질문수

[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)

[최종본 제작] 가로 고정형(A1타입) – Part1

margin 질문

작성

·

165

1

css에서

body {

    margin:0;

}

.container {

    margin:auto;

}

각각 왜 넣는건가요?

body에는 초기 마진값을 없앤다고 쳐도 .container에 margin auto를 주면 좌우 값뿐만 아니라 상하 값도 가운데 정렬이 되어야 하는 거아닌가요?(그런데 상하값은 왜 또 가운데 정렬이 되지 않는지..)

이 두 가지를 적지 않는 대신 body에 margin:0 auto;를 주어도 되나요?

답변 1

1

body에 margin: auto를 줄 수 있지만 주어도 body는 너비가 100% 이니까 변화가 없습니다.

.container의 너비는 1200픽셀이니까 margin: auto로 수평중앙에 보냅니다.

body에 margin:0 auto; 주셔도 아무 변화도 없어요.

twoa0님의 프로필 이미지
twoa0

작성한 질문수

질문하기