>운영 및 유지보수 >안전 >CSS3에서 calc()를 사용하는 방법

CSS3에서 calc()를 사용하는 방법

WBOY
WBOY앞으로
2023-05-16 21:25:04938검색

CSS3 calc() 사용법

calc() 사용법은 함수와 유사하며 동적 값을 요소에 설정할 수 있습니다.

/* basic calc */
.simpleBlock {
 width: calc(100% - 100px);
}

/* calc in calc */
.complexBlock {
 width: calc(100% - 50% / 3);
 padding: 5px calc(3% - 2px);
 margin-left: calc(10% + 10px);
}

위 내용은 CSS3에서 calc()를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 yisu.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제