inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

모던 HTML/CSS 로 상용화도 가능한 반응형 모던 웹페이지 만들기3

모던 웹페이지 만들기3 (5분 이후부터)

157

haha-jh

작성한 질문수 7

0

header>
        <div class="inner">
            <div class="head-container">
                <div>기저호</div>
                <div>기저호 블로그 모음</div>
            </div>
        </div>
    </header>

 

안녕하세요 강의 잘 보고 있습니다 ! 한 가지 질문이 있어 글을 올립니다.

div.inner 안에 div.head-container를 넣으신 이유를 알 수 있을까요? inner 부분을 없애고 같은 값의 css 설정을 head-container에 넣었는데 같은 동작을 하더라구요 ~

 

 

 

HTML/CSS javascript es6

답변 1

0

잔재미코딩 DaveLee

안녕하세요.

div.inner 는 영상에서 설명드렸듯이, 전체 웹페이지의 일종의 프레임(와꾸?)를 설정하는 것이예요. 그 다음에 head-container 는 head container 영역에 대한 프레임을 설정하는 것이예요. 사실 inner 나 head-container 가 없어도 해당 부분은 문제가 없을 수 있어요.

그런데 예를 들어, 전체 웹페이지는 width 를 800 안에 다 표시하도록 만들어 놓고, 그 중 특정 부분은 width 를 600으로 하고 싶을 때도 있는 것이거든요. 그래서, 보통 전체 프레임을 css 로 감싸주고, 그 다음에 각 세부 부분에 대해 각 설정을 하는 것이 일반적입니다.

감사합니다.

0

oo !

선생님 지나가다 댓글남깁니다~ inner 와 container 둘다 안쓰는건 header를 상위선택자로 써야하기에 문제가 있을거같고 둘중에 하나만 써도 될것같은데 굳이 두번이나 감쌀 이유가 있을까요? inner에서 바로 flex주고싶은데 그러면 이상해질까요?

0

oo !

선생님 지나가다 댓글남깁니다~ inner 와 container 둘다 안쓰는건 header를 상위선택자로 써야하기에 문제가 있을거같고 둘중에 하나만 써도 될것같은데 굳이 두번이나 감쌀 이유가 있을까요? inner에서 바로 flex주고싶은데 그러면 이상해질까요?

0

oo !

선생님 지나가다 댓글남깁니다~ inner 와 container 둘다 안쓰는건 header를 상위선택자로 써야하기에 문제가 있을거같고 둘중에 하나만 써도 될것같은데 굳이 두번이나 감쌀 이유가 있을까요? inner에서 바로 flex주고싶은데 그러면 이상해질까요?

0

oo !

선생님 지나가다 댓글남깁니다~ inner 와 container 둘다 안쓰는건 header를 상위선택자로 써야하기에 문제가 있을거같고 둘중에 하나만 써도 될것같은데 굳이 두번이나 감쌀 이유가 있을까요? inner에서 바로 flex주고싶은데 그러면 이상해질까요?

0

oo !

선생님 지나가다 댓글남깁니다~ inner 와 container 둘다 안쓰는건 header를 상위선택자로 써야하기에 문제가 있을거같고 둘중에 하나만 써도 될것같은데 굳이 두번이나 감쌀 이유가 있을까요? inner에서 바로 flex주고싶은데 그러면 이상해질까요?

0

oo !

선생님 지나가다 댓글남깁니다~ inner 와 container 둘다 안쓰는건 header를 상위선택자로 써야하기에 문제가 있을거같고 둘중에 하나만 써도 될것같은데 굳이 두번이나 감쌀 이유가 있을까요? inner에서 바로 flex주고싶은데 그러면 이상해질까요?

0

oo !

선생님 지나가다 댓글남깁니다~ inner 와 container 둘다 안쓰는건 header를 상위선택자로 써야하기에 문제가 있을거같고 둘중에 하나만 써도 될것같은데 굳이 두번이나 감쌀 이유가 있을까요? inner에서 바로 flex주고싶은데 그러면 이상해질까요?

0

oo !

선생님 지나가다 댓글남깁니다~ inner 와 container 둘다 안쓰는건 header를 상위선택자로 써야하기에 문제가 있을거같고 둘중에 하나만 써도 될것같은데 굳이 두번이나 감쌀 이유가 있을까요? inner에서 바로 flex주고싶은데 그러면 이상해질까요?

0

oo !

선생님 지나가다 댓글남깁니다~ inner 와 container 둘다 안쓰는건 header를 상위선택자로 써야하기에 문제가 있을거같고 둘중에 하나만 써도 될것같은데 굳이 두번이나 감쌀 이유가 있을까요? inner에서 바로 flex주고싶은데 그러면 이상해질까요?

0

oo !

선생님 지나가다 댓글남깁니다~ inner 와 container 둘다 안쓰는건 header를 상위선택자로 써야하기에 문제가 있을거같고 둘중에 하나만 써도 될것같은데 굳이 두번이나 감쌀 이유가 있을까요? inner에서 바로 flex주고싶은데 그러면 이상해질까요?

0

oo !

선생님 지나가다 댓글남깁니다~ inner 와 container 둘다 안쓰는건 header를 상위선택자로 써야하기에 문제가 있을거같고 둘중에 하나만 써도 될것같은데 굳이 두번이나 감쌀 이유가 있을까요? inner에서 바로 flex주고싶은데 그러면 이상해질까요?

교육기간을 연장할 수 있는지 문의드립니다.

0

50

1

메일 확인부탁드립니다

0

69

1

CodeSandbox Vanilla 질문있습니다

0

69

1

part1을 수강하지 않아도 지장이 없다 하셨는데

0

118

1

강의에 관해 문의 드립니다.

0

105

1

메일확인 부탁드립니다.

0

96

1

14강 - 72,73번 강의 영상이 동일한거 같습니다.

0

118

1

Symbol 관련 테스트 코드 실행 결과 문의

0

153

1

호환성 관련 태그

0

125

1

강의화면은 index.js인데 왜 샌드박스코드에서는 index.mjs인지 궁금해요

0

153

1

강의화면은 index.js인데 왜 샌드박스코드에서는 index.mjs인지 궁금해요

0

150

1

div id="highlighter"가 강의화면에는 없는데 왜 샌드박스파일에는 있는지 궁금해요

0

93

1

강의화면에 height 가 vh가 아닌 vw라고 나와있는데 뭐가맞는거죠

0

126

1

메일 확인 부탁드립니다.

0

154

1

메일 확인 부탁드립니다

0

154

1

특별한 형태의 javascript배열에서

0

143

1

메일 확인부탁드립니다!

0

170

1

codesandbox 업데이트..

0

151

1

pdf 파일에 있는 링크주소로 들어가지지가 않습니다.

0

272

2

강의에서 알려주신 Properties for the flex container 복습 사이트, 검색 발견되어서 공유드립니다~

0

157

1

removeEventlistener 를 왜 해주어야 하는지

0

233

1

100vw 관련 질문

0

345

2

VS CODE html:5 <tab>기능이 안됩니다

0

359

1

[모던웹페이지 만들기9](1:40)class-desc 카드부분관련

0

256

2