content-box1 HTML/CSS] box-sizing 적용하기 요소들을 배치할 때는 요소의 너비와 높이를 계산하는 게 중요합니다. 그런데 한 요소 안에는 컨텐츠, 테두리(boder), padding가 다 들어있습니다. 그렇다면 요소의 전체 길이를 알려면 컨텐츠 + 테두리(boder) + padding의 합을 구해야겠네요. 생각만해보 복잡하죠? CSS3 이전에는 정말로 요소의 전체 길이를 구하기 위해 일일히 다 계산을 했습니다. 그런데 CSS3 이후부터는 일일히 계산할 필요가 없어졌습니다. 가로길이(width)와 세로길이(height)만 입력하면 똭!하고 요소가 만들어집니다. 바로 box-sizing 덕분이죠. box-sizing은 다음과 같이 사용합니다. box-sizing: border-box /* 박스 사이즈에 테두리와 padding이 포함 */ box-sizi.. 2021. 5. 13. 이전 1 다음
