본문 바로가기
SKIN & CSS

여백과 폭

글: 논어일기 2020. 12. 28.
반응형

시에스에스에서 영역(div) po를 만들었다. 영역의 여백과 폭은 어떻게 정해지는가 알아야 한다. 여백은 안쪽 여백 padding과 바깥 여백 margin이 있다. 폭에는 여백이 들어가지 않음을 명심해야 영역 안에 영역을 넣을 때 폭을 정할 수 있다. 바깥 영역의 폭은 margin-right+margin-left+width+padding-right+padding-left+border-right+border-left 보다 더 커야 한다. 따라서 아래와 같은 po를 둘러싸는 영역의 폭은 최소 540px는 되어야 한다.

See the Pen padding&margin by 박영호 (@lyrsqwja) on CodePen.

반응형