본문 바로가기

프로그래밍 언어/Javascript

Javascript) Chrome에서 calc() 사용하기

 

CSS calc function not working in Chrome 해결

❗ 현상CSS calc 함수가 동작하지 않고, 개발자 도구를 보면 다음과 같이 느낌표 표시가 되어있다.👍 해결calc 함수 안에 +나 -를 넣을 때에는 좌우에 공백이 있어야 한다.다음과 같이 공백을 넣어

velog.io

chrome에서 사용하려면 calc() 함수 내부에 연산자를 반드시 앞 뒤에 공백을 줘야 한다! 

calc(100%-100px) X

calc(100% - 100px) O