티스토리 뷰

공부

css calc(% - px)

승가비 2019. 6. 25. 23:24
728x90
height: calc(100% - 18px);

 

https://stackoverflow.com/questions/2434602/css-setting-width-height-as-percentage-minus-pixels

 

Setting width/height as percentage minus pixels

I'm trying to create some re-usable CSS classes for more consistency and less clutter on my site, and I'm stuck on trying to standardize one thing I use frequently. I have a container

...

 

stackoverflow.com

https://www.codingfactory.net/10373

 

CSS / calc() - 속성값을 사칙연산으로 정할 수 있게 하는 함수

개요 calc()는 괄호 안의 식을 계산한 결과를 속성값으로 사용하게 해주는 함수입니다. 예를 들어 font-size: calc( 10px + 10px ); 는 글자 크기를 20px로 만듭니다. 버전 : CSS Level 3 문법 연산자 +는 덧셈, -

www.codingfactory.net

 

728x90
저작자표시 비영리 (새창열림)

'공부' 카테고리의 다른 글

[Linux] Screen  (0) 2019.06.29
[Spring] @Controller 클래스의 Spring @Value 주석은 속성 파일 내부의 값을 평가하지 않습니다.  (0) 2019.06.29
use `package.json`  (0) 2019.06.25
Initialization of an ArrayList in one line  (0) 2019.06.25
`/etc/hosts` update in mac  (0) 2019.05.08
댓글