본문 바로가기
Web/CSS

이거 해줘야 하는 이유 => box-sizing: border-box;

by Downy_J 2023. 8. 9.
728x90
반응형
SMALL

이렇게 CSS를 짜서

 

이렇게 만들엇다 치자

이때 만약

저걸 감싸는 부모 태그가 되것지?

이렇게 안썻다면

이렇게 100%를 넘어 104%인 Div1박스같은경우는 넘어가버려서 스크롤리 생겨버린다

 

?? 왜 104%임?

width: 100% + padding-left: 2% + padding-rigth: 2% = 총 104%임...

728x90

'Web > CSS' 카테고리의 다른 글

모달(Modal) 창 만들기  (0) 2023.08.21
기본 layout 1  (0) 2023.08.09
CSS 초기화  (0) 2023.07.27
텍스트 관련 스타일  (0) 2023.07.27
CSS Grid 사용법과 그 정리  (0) 2023.06.29