inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

실전! 웹사이트제작! Step by Step! (대방산업_InteractiveWeb)

질문

243

꿈을위해서

작성한 질문수 3

0

안녕하세요 왕초보입니다

다름이아니라  .wrap 을 하는 이유가 궁금합니다.

.wrap 에 width:100%; overflow:hidden 

overflow는 부모한데만 적용시켜주면 되는거아닌가요?

width도 태그에다가 그냥 지정해서 100%로 하면되지않나요?

왜 전체로 감싸서 하는지 잘 모르겠네요 ㅠㅠ

2img를  p태그로 감싸는 이유

3.section.about ul li a p.img {width:100%; height:369px;overflow:hidden;}

section.about ul li a p.img img {width:100%; height: auto; transition: all 0.8s;}

width:100%; 를 안해도 이미지크기 만큼 차지하는거아닌가요?! 왜 하는지 궁금합니다 ㅠㅠ

HTML/CSS 웹 디자인 반응형-웹

답변 3

0

J.영

그것은..경우의 수가 있겠지요...특정 div 나 class에  box-sizing:border-box가 필요하다면..그렇게 해도 무방하지요~~~~
이방법 저방법 써보면서 작성하는 것~~중요한 자세입니다^^

열공하십시요^^ 

0

꿈을위해서

따로따로 안주고 reset 에 box-sizing:border-box 해도 상관없나요?

0

J.영

 꿈을위해서님~~
.wrap에 overflow: hidden을 적용하는 이유는 전체적으로 넘치는 부분을 감싸기 위해서 입니다.
혹 아랫쪽에 가로 스크롤이 생길 수도 있고 해서..저는 습관적으로 감싸줍니다..
그부분에 대한 보다 상세한 설명을 해 드렸어야하는데..죄송합니다~~

누구나 처음에는 왕초보입니다.
반복학습이 중요하지요..
반복해서 듣고 따라해보시고..혼자서 작업도 해보신다면..
어느순간 레이아웃에 젤 쉽고 재미있다고 말씀하실 때가 올겁니다.
화이팅하세요^^

새해 복 많이 받으시구요^^
J.young드림

선생님 각 강좌마다 예시로 보여주시는 웹페이지들은 어디서

0

9

1

슬라이드 안 find out more 버튼 위치관련

0

386

1

Splitting / 텍스트가 빠르게 올라는게 아니라 천천히 느리게 올라오게 하려면 어떻게 수정하면 될까요?

0

451

2

background image 관해서

0

347

1

slick 스크립트 추가시 적용이 안됩니다

0

298

2

반응형이 아니라서 그런지, 강사님 모니터보다 작은 랩탑으로 하니까 레이아웃이 안맞아요

0

335

1

slick을 사용하면 이미지가 슬라이드로 안되고 블록으로 밑으로 내려가요

0

227

0

제이쿼리 구문

0

295

1

slick.js 사용에 대한 질문

0

353

0

splitting js 질문 입니다

0

324

2

스크롤시 애니메이트효과

0

217

1

splitting text animation

1

1140

2

스플리팅 쓰는 이유가 뭔가요????

0

292

2

하얀줄이 사진위로 올라옵니다.

0

286

2

.안녕하세요 J.영님 ! 그 전 질문을 한 중1학생입니다. 이번에 학교에서 내가 꿈꾸는 장래희망을 가진 사람과 면담하기라는 과제가 있는데 여러가지 질문을 하고 답변하는 형식으로 과제를 합니다. 혹시라도 실례가 안된다면 이메일 주소나 오픈채팅 링크를 받아볼 수 있을까요?

0

191

1

안녕하세요!

1

401

6

수강평 이벤트 당첨 관련

1

372

4

visual 클래스 높이 100%가 안됩니다.

0

188

1

다음 강좌는 언제쯤 올려주시나요?

1

268

1

메뉴를 클릭하면 메뉴 테두리가 왜 나타나는 걸까요? 궁금합니다.

0

1146

3

버튼 및 마크업문의

3

316

1

transition 질문 좀 드려요~

1

373

4

2강 CSS .gnb ul.inner.on 부분 질문 있습니다.

1

461

6

;)

1

251

1