Est-il possible d'ajouter et de soustraire des valeurs dans le CSS?

J'ai un div que je suis de positionnement avec une marge négative, mais j'aimerais qu'il étendent tout le chemin vers le bas de son conteneur div si je peux utiliser une frontière qui n'est pas simplement au hasard. Si vous regardez http://kineticaid.com/k/home.php vous comprendrez ce que je veux dire. Je ne peux pas étendre sa hauteur, en pixels, parce que le div conteneur de hauteur se modifie de manière dynamique avec les pages. Ce que je veux faire, c'est quelque chose comme ceci:

#rightcol {
float: right;
width: 225px;

height: 100% + 250px;

margin: -325px -25px 0 0;
}

Fondamentalement, je me demande si vous pouvez ajouter et soustraire en CSS. Merci!

Il y a des préprocesseurs CSS comme MOINS ou SASS que d'ajouter une telle fonctionnalité, mais je ne suis pas vraiment sûr si c'est ce que vous demandez.
Je pense que je suis juste à la recherche d'un moyen de combiner les pixels et le pourcentage dans la même déclaration CSS, si c'est encore possible.
Cochez cette question stackoverflow.com/questions/527861/value-calculation-for-css Peut-être vous pouvez utiliser Javascript...

OriginalL'auteur Brad | 2011-12-27

  1. 25

    Oui. CSS3 a la calc() fonction. Cela fonctionne dans les versions actuelles de la plupart des navigateurs (http://caniuse.com/calc).

    height: calc( 100% + 250px );

    Démo: Est-il possible d'ajouter et de soustraire des valeurs dans le CSS?

    HTML: 

    <div id="one"></div>
<div id="two"></div>

    CSS:

    div {
    border: 1px solid red;
    height: 100px;
}

#one {
    width: calc(50% + 20px);
}

#two {
    width: 50%;
}

    De sortie:

    Est-il possible d'ajouter et de soustraire des valeurs dans le CSS?

    Merci, je vais regarder à cela. Il est bon de savoir que ce genre de chose a été inclus dans le CSS3.
    il y a aussi une webkit vendeur préfixe

    OriginalL'auteur ThinkingStiff

  2. 0

    Sass et moins similaires, tels des traits trop ce dont vous avez besoin, mais je pense que ce que votre demande devra être faite avec du javascript ou jquery pour faire vos calculs.

    http://api.jquery.com/height/

    OriginalL'auteur Dominic Green

  3. 0

    La solution à ce problème est "Faux Colonnes", mais vous avez besoin de modifier votre mise en page est un peu pour cela.

    C'est bon, mais elle aurait besoin de l'aide de Photoshop qui n'est pas vraiment mon truc :p
    Juste parce qu'une compétence n'est pas "toi" n'est pas l'empêcher d'être une bonne solution. De base de retouche d'image est tout à fait un core développeur web compétences
    Eh bien, c'est pas non plus ce que je leur demandais. Je me demandais si le CSS est dans la capacité d'ajouter et de soustraire des valeurs de types différents. C'est une bonne solution.
    Bien u poser pour w3.org/TR/css3-values/#calc. Mais c'est la mauvaise approche.

    OriginalL'auteur Burntime