calc()로 %, px, rem 등 혼용해서 계산하기

ttps://developer.mozilla.org/ko/docs/Web/CSS/calc

 

calc() - CSS: Cascading Style Sheets | MDN

 

 

가끔 100%를 주고 나서 10px정도만 움직이고 싶을 때가 있었다.

 

그럴때면 직접 픽셀을 계산해 주곤 했었는데....

 

역시나 찾아보니까 쉽게 해줄 수 있었다.

 

바로 calc를 사용하면 된다.

 

width: calc(100% - 80px);

 

이런식으로 하면 쉽게 가능하다..