목록box-sizing (1)

minyoung

😁box-sizing: border-box 쉽게 이해하자(simple 드루와)

box-sizing: border-box;css에서 초기 설정할 때 필수라던데 그게 뭔데?box-sizing: border-box;box-sizing: content-box; box-sizing: content-box;자, 우리는 box의 width를 200px로 설정합니다!그리고 위 box에 padding-left를 50px을 줄거예요.그럼 어떻게 될까요? CSS는 기본적으로 padding을 포함한 250px을 너비라고 생각합니다.왜그럴까요?CSS는 box를 padding 값만큼 크게 만든 것입니다.그림으로 이해해봅시다.CSS가 우리의 명령을 이해하는 과정은 다음과 같습니다.우리가 너비를 200px로 설정했으니 content-box를 150px의 크기로 줄입니다.그런데 😢 padding 50px은 사..
CSS3 2023. 11. 22. 04:01
이전 Prev 1 Next 다음