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

a토링님의 프로필 이미지
a토링

작성한 질문수

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)

CSS로 HTML 가로 배치하기(float, overflow, clear, inline-block)

23:47 질문이요.

작성

·

148

1

Q1. 

3:47초에 보면 .parent의 보더가 왼쪽은 괜찮은데, 옆과 아래쪽에는 1px정도? 세밀하게 조금 흰색이 보이는데 이것은 왜그런건가요..? 100%일땐 꽉 안차다가 확대하니까 또 차고... 그냥 브라우저문제인가요? 

그리고, 또하나 질문은 다음꺼 27:06 의 가로배치할때는 , section처럼 block요소는 width: 100%로 기본적으로 차잖아요.

그런데 선생님께서 600px로 준건, 단순히 예제라서 보기 쉽게 하기 위함이 아니라, 100%일 경우 3등분 하면 딱 떨어지는 값이 아니라서 그렇게 하신건지 궁금합니다.

제가 영상 보기 전에 혼자 연습하고 확인차 보는데,

section이 디폴트인 width:100%임를 감안해서, section에다가 width값을 따로 지정을 안하고 만들었는데, 33.3333%로 나누니까, 들어가는것 같긴 한데 ..

Q2. 아래의 예제section요소안에 article을 사방에 흰색 테두리는 마진값을 줘서 article과 section 을 띄우는건가요 아니면 article에 보더를 흰색으로 주는건가요? 

답변 1

2

Q1. 답변입니다.

부모요소의 너비에 관한 부분은 중요하지 않습니다.

자식요소의 가로배치에 관한 사항이니까 부모요소 너비를를 100%로 하고 연습하셔도 되고, 600픽셀로 놓고 연습하셔도 됩니다.

부모요소의 너비에 관계없이 자식요소에 33.3333% 이렇게 주면 부모요소의 너비가 크던 작던 그 안에서 1/3이라는 의미입니다.

Q2. 답변입니다.

예시 그림은 보시기 편하라고 ppt에서 만든거라 마진처럼 보이는거지만 마진은 아닙니다.

a토링님의 프로필 이미지
a토링

작성한 질문수

질문하기