CSS - 화면 크기 빼기 상수

Question

어떻게 요소의 크기를 기본 수학 식으로 계산할 수 있습니까? 예 :

.wideColumn{max-width:100%-20em;} /*not working*/ 

Answer 1

LESS 또는 jQuery을 사용하면이 작업을 수행 할 수 있습니다. 하지만 불행히도 순수한 CSS로 처리 할 수는 없습니다.

그러나이 문제에 대한 해결 방법은 순수한 CSS를 사용하는 것입니다. 예 :

.wideColumn { 
    max-width: 100%; 
    margin-right: 10em; 
    margin-left: 10em; 
} 

물론이 예제는 코드에서 작동하지 않을 수 있습니다. 그러나 수많은 다른 해결 방법이 있습니다.

Answer 2

짧은 대답은 당신이하지이어야 CSS 2, 2.1 스펙에, 당신이 관심이 너무 경우 LESS

또는 동적 스타일 시트를 살펴 수 없습니다NO Sandeep는

Reference

Answer 3

당신은이 작업을 수행 할 수 없습니다 당신은 CSS3 사양에 도입 calc()를 사용할 수 있습니다 말했다 CSS에서 직접적으로 시도해 볼 수 있지만, LESS처럼 시도해보십시오. - http://lesscss.org/

Answer 4

은 그렇지 않아 사용할 일일 수 있지만, 수 - 작거나 자바 스크립트 시도, 자세한 내용은 여기 http://www.w3.org/Style/CSS/specs#math