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

꿈을위해서님의 프로필 이미지
꿈을위해서

작성한 질문수

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

질문

작성

·

163

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%; 를 안해도 이미지크기 만큼 차지하는거아닌가요?! 왜 하는지 궁금합니다 ㅠㅠ

답변 3

0

J.영님의 프로필 이미지
J.영
지식공유자

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

열공하십시요^^ 

0

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

0

J.영님의 프로필 이미지
J.영
지식공유자

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

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

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

꿈을위해서님의 프로필 이미지
꿈을위해서

작성한 질문수

질문하기