CSS - taille d'écran moins constante

Question

Est-il possible de calculer la taille d'un élément en tant qu'expression mathématique de base? par exemple:

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

Answer 1

Ceci peut être accompli en utilisant LESS ou jQuery. Mais malheureusement, cela ne peut pas être fait avec du CSS pur.

Il existe cependant des solutions de contournement à ce problème en utilisant du CSS pur. Par exemple:

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

Bien sûr, cet exemple peut ne pas fonctionner avec votre code. Mais il existe de nombreuses autres solutions de contournement.

Answer 2

Réponse courte est NO vous ne pouvez pas, non atleast en CSS 2, 2.1 spec, alors aussi, si vous êtes intéressés, vous pouvez jeter un oeil à feuilles de style dynamique avec LESS

Ou comme Sandeep dit, vous pouvez utiliser calc() qui est introduit dans les spécifications CSS3

Reference

Answer 3

vous ne pouvez pas faire en CSS directement, mais essayez quelque chose comme MOINS - http://lesscss.org/

Answer 4

il pourrait être disponible un jour, mais pas maintenant - lire la suite ici http://www.w3.org/Style/CSS/specs#math