inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

23:47 질문이요.

176

a토링

작성한 질문수 9

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에 보더를 흰색으로 주는건가요? 

jquery HTML/CSS

답변 1

2

코딩웍스(Coding Works)

Q1. 답변입니다.

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

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

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

Q2. 답변입니다.

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

class 값 한 번에 부여하는법

2

80

1

@media에서의 flex-direction: column으로 세로배치 관련 질문드립니다.

1

69

1

div#css-checker-widget의 해결방

1

60

2

input의 포커스되었을때 검정선이 사라지지 않아요

0

79

2

강의듣는법

1

73

1

아코디언 만들기 100%이하의 화면으로 보았을때

1

68

2

input checked 질문합니다.

0

76

1

Bracket Pair Colorizer - 비주얼 스튜디오

1

140

2

Part 1 영상 안나옵니다

1

88

1

제이쿼리 작동이 안됩니다

1

199

3

강의 내용 질문있습니다.

1

120

2

일정 부분만 주석하는 방법

1

211

2

폰트어썸

1

134

2

인접선택자에 대한 질문드립니다!

1

129

2

delay 적용 안됨

1

134

1

rotateY(360deg)가 적용이 안됩니다!

1

186

2

세로이동할때 height값

1

138

2

폰트어썸이 안되요..

1

485

2

화면 정중앙에 오게끔 할수있나요?

1

169

1

어코디언 네비게이션 중

1

124

1

라이브서버 문제

1

225

2

넷플릭스 어코디언 예제 질문

1

102

1

이번 강의에선 display flex가 무조건 적으로 필요한건가요 ?

1

154

1

active 관련 질문

1

145

2