inflearn logo
강의

Course

Instructor

[Code Camp] A highly concentrated front-end course created at Bootcamp

▶ Creating Cyworld Part 2

margin 대신 padding을 자주 쓰는 이유

Resolved

698

Pingman

2 asked

0

 Updated news 와 TODAY STORY를 띄우는 방식으로 padding-left를 쓰는 것도 그렇고, 이전 코딩들에서도 padding을 주로 사용하시더라고요.

padding을 이용하면 내부 크기를 줄이고 공백을 만드는 방식이므로 전체 크기가 변하지 않기 때문에, box-sizing: border-box를 이용하는 것과 같은 맥락으로 이해해도 될까요?

css

Answer 1

1

guri02195417

안녕하세요 pingman님
padding을 사용했을 경우 전체 크기에 영향을 주지 않고 사이즈가 변경되는 이유는 우리가 box-sizing: border-box를 사용했기 때문입니다
box-sizing을 설정하지 않을 경우 padding을 주었을때 내부 공간이 넓어짐에 따라 전체 크기도 변하게 됩니다

반응형웹에서 가로 스크롤 생기지 말고 테이블이 밑으로 떨어지게 하려면?

0

41

1

nested 리스트일때 <ul> bullet 스타일 바꾸는 방법

0

197

2

border 선 겹침 현상

0

168

1

[CSS 01-2-2] flex-wrap 한 칸 띄고 다음 줄로 넘어가는 현상...

0

236

2

3-2강 코드로 작성하지 않은 박스가 표시됩니다...?

0

158

2

absolute관련 질문 있습니다.

0

106

2

rightSectionWrapper,leftSectionWrapper 중앙정렬 질문입니다!

0

147

2

과제 완료

0

254

2

22강 연락처 추가하기 - css 파일 경로 지정

0

265

1

html input 태그에 readonly 속성 넣었을 때 배경이 회색으로 바뀌는 이유가 무엇인가요?

0

2715

1

leftSectionWrapper와 rightSectionWrapper 중앙 정렬

0

513

1

Mini Quiz 질문

0

284

2

animation 질문- 하나의 @keyframes로 특정 이벤트없이 한번, hover이벤트시 한번 적용 방법 문의.

0

511

2

CSS정렬 - 회원가입 폼 만들기 과제 질문

0

1002

2

CSS관련 질문

0

522

1

[CSS-in-js] Emotion styled components 관련 질문입니다.

0

581

1

CSS정렬 - 회원가입 과제 코드 공유

2

3710

1

Live-server로 html 파일을 볼때 이상한 것들도 같이 보여요

0

569

1

프로젝트 완성 예시 css 밀림

0

478

1

overflow-x:hidden을 사용했는데, 모바일 화면에서 우측이 잘리고 가로 스크롤이

0

1592

2

autoprefixer를 스태틱한 css에 적용할 수 있는 방법이 있을까요?

2

563

1

강의 중 overflow:hidden;에 관한 질문드립니다.

0

1263

1

기본 폰트 설정

0

533

0

CSS로 이미지를 삽입하는 것과 HTML에서 이미지를 삽입하는 것의 차이점이 무엇인가요??

0

684

1