css box padding의 기본 원리
width를 200을 지정한 후, 패딩을 50을 주면,
CSS에서는 기본 박스 가로(200px)을 유지한 채
패딩(50px)만큼 크기를 늘림
그렇기에 총 width는 250xp이 됨
이를 막기 위해
box-sizing:border-box를 사용함.
box의 크기를 유지한 채 padding 값을 줄 수 있다
'HTML_CSS' 카테고리의 다른 글
CSS - header 및 title,text 가운데 정렬 (0) | 2021.04.30 |
---|---|
CSS - 상단바 깔끔하게 좌우 가운데 정렬 (0) | 2021.04.29 |
CSS 방법론 BEM 방식 (0) | 2021.04.28 |
CSS - Animations 예제 (0) | 2021.04.18 |
CSS - Media Query 예제 (0) | 2021.04.18 |