처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
퀴즈 / CSS / 문제

CSS calc() 함수의 용도로 올바른 것은?

보통 MDN Web Docs
보기 및 정답
A 서로 다른 단위의 값을 혼합하여 계산할 수 있다 (예: width: calc(100% - 20px))
B overflow: auto와 overflow: scroll은 항상 동일하게 동작하는 속성이다
C float 속성이 적용된 요소의 display 값은 자동으로 inline으로 변경되어 너비와 높이 지정이 불가능해진다
D float 속성이 적용된 요소는 display가 자동으로 inline으로 변경된다

해설

calc() 함수는 CSS 속성값에서 수학 연산(+, -, *, /)을 수행합니다. 가장 큰 장점은 %(퍼센트), px, em, rem 등 서로 다른 단위를 혼합하여 계산할 수 있다는 점입니다. 예: width: calc(100vw - 250px)처럼 유연한 레이아웃 구현에 활용됩니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기