초보 개발자의 일기

border-box 본문

노마드 코더/코코아 클론

border-box

판다꼬마 2022. 7. 15. 14:05
728x90

css box padding의 디폴트 원리
200픽셀의 박스에 50픽셀의 패딩을 주면, css는 기존 박스의 가로를 유지하기 위해 50만큼 박스를 늘림.


이를 막기 위해 box-sizing:border-box를 쓰면 box의 크기를 유지한 채 padding을 줄 수 있다.

 

728x90

'노마드 코더 > 코코아 클론' 카테고리의 다른 글

빨간 점 만들기  (1) 2022.07.18
Media Queries  (1) 2022.07.13
Advanced CSS  (0) 2022.07.12
CSS  (0) 2022.07.10