본문 바로가기

Dev/HTML/CSS

[CSS] Height 100% - n px

Height 100%에서 n 픽셀만큼 빼고 싶을때 calc() 함수를 쓰면 된다.



height: calc(100% - 65px); /* IE */
height: -o-calc(100% - 65px); /* opera */
height: -webkit-calc(100% - 65px); /* google, safari */
height: -moz-calc(100% - 65px); /* firefox */


출처: http://stackoverflow.com/questions/4587582/css-height-of-100-minus-px-header-and-footer

'Dev > HTML/CSS' 카테고리의 다른 글

텍스트 말줄임 (텍스트 자르기 : Text Ellipsis)  (0) 2013.09.30
IE6~9 핵(CSS Hack)  (0) 2013.09.23
JSFiddle 사용법  (0) 2013.08.23
div 예시  (0) 2013.08.23
[CSS] div width 100% padding  (0) 2013.08.22