728x90
반응형
box-sizing: border-box;
200px 박스에 50px Padding 값을 준다고 하였을때
최종적으로 50+200 = 250px 의 박스가 생성된다.
200px의 박스를 50px만큼 밀어버린 것이다.
그런데 우리가 원한 것은 250px 박스가 아니라 200px의 박스다.
이럴때 사용하는것이 box-sizing이다.
box-sizing: border-box;
반응형
'프론트엔드 개발 > HTML CSS' 카테고리의 다른 글
SCSS - CSS를 프로그래밍 언어처럼 작성하자 (0) | 2021.09.26 |
---|---|
깃허브 페이지 - Publishing on Github Pages (0) | 2021.09.25 |
CSS : reset CSS (브라우저 기본 스타일 제거) (0) | 2021.09.21 |
CSS Hack : 정확히 중앙에 위치 시키기 (space-between 대신) (0) | 2021.09.21 |
VSC(Visual Studio Code) HTML 단축키 모음 (0) | 2021.09.21 |