inflearn logo
강의

講義

知識共有

[コードキャンプ]ブートキャンプで作られた高濃縮フロントエンドコース

▶ サイワールド作成第2弾

margin 대신 padding을 자주 쓰는 이유

解決済みの質問

732

Pingman

投稿した質問数 2

0

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

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

css

回答 1

1

guri02195417

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

12.13) 하단 여백 스타일링 관련 질문 드립니다.

0

87

2

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

0

78

1

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

0

228

2

border 선 겹침 현상

0

228

1

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

0

289

2

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

0

207

2

absolute관련 질문 있습니다.

0

135

2

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

0

177

2

과제 완료

0

283

2

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

0

303

1

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

0

2776

1

leftSectionWrapper와 rightSectionWrapper 중앙 정렬

0

530

1

Mini Quiz 질문

0

316

2

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

0

549

2

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

0

1036

2

CSS관련 질문

0

543

1

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

0

603

1

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

2

3753

1

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

0

607

1

프로젝트 완성 예시 css 밀림

0

500

1

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

0

1635

2

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

2

623

1

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

0

1297

1

기본 폰트 설정

0

562

0