가로(width), 세로(height) % - px

2017. 3. 7. 14:33CSS

1. 가로(width), 세로(height)의 값을 100%로 한 상태에서 일정px의 값을 빼는 방법


#main {

width: calc(100% - 77px);

height: calc(100% - 77px);


   -> CSS3에서 clac함수를 사용하여 계산이 가능합니다.


2. 지원 브라우저

브라우저 

 지원여부

 마이크로소프트 ( MicroSoft )

인터넷 익스플로러 ( Internet Explorer )

9부터 지원 

구글 ( Google )

크롬 ( Chrome )

지원 

모질라 ( Mozilla )

 파이어폭스 ( Firefox )


'CSS' 카테고리의 다른 글

@font-face 사용규칙(eot, woff, otf/ttf, svg/svgz 차이)  (0) 2018.02.19
display & visibility 차이  (0) 2017.03.22
<hr> 가운데정렬  (0) 2017.03.07
높이(height) 100% 설정하기  (0) 2017.03.07