CSS 클래스 선택기의 너비 속성을 확인하는 방법은 무엇입니까? 예는 .label입니다.{}

Question

다음은 .label에 너비 270을 선택한 CSS 코드에 대한 내 의견입니다.

브라우저의 개발자 도구를 사용하여 .label 요소를 검사하면 실제로 너비가 270픽셀이 아니라 288픽셀임을 알 수 있습니다. 이는 기본적으로 브라우저가 요소의 크기를 결정할 때 테두리와 패딩을 포함하기 때문입니다. < /p>

이것은 내 CSS 코드입니다:

으아아아

여기에 참조된 288px를 확인하기 위해 브라우저에서 어떻게 확인할 수 있나요?

Answer 1

검사 탭(스크린샷의 Chrome)에서는 패딩, 테두리 및 여백을 포함한 전체 너비를 보여주는 계산된 치수를 볼 수 있습니다.

귀하의 경우에는 270px + (7px + 7px) + (2px + 2px) + 0px입니다