Comment calculer les pourcentages en MOINS CSS?

Question

Je voudrais calculer la largeur du conteneur enfant (div, etc.) en pourcentages en fonction du conteneur parent avec LESS CSS .

J'utilise le forumula d'Ethan Marcotte: target/context = result .

Conteneur parent: 620px
Conteneur enfant: 140px

J'utilise ce calcul:

div.child-container {
    width: (140/620)*100%;
}

Cependant, la sortie est:

div.child-container {
    width: 0.2258064516129;
}

Je voudrais déplacer la virgule décimale de deux chiffres et ajouter le%, comme ceci:

div.child-container {
    width: 22.58064516129%;
}

Tout indice grandement apprécié.

Answer 1

Selon le LESS CSS website , vous devez changer l'ordre de votre équation

La sortie est à peu près ce que vous attendez - MOINS comprend la différence entre les couleurs et les unités. Si une unité est utilisée dans une opération, comme dans:

@var: 1px + 5;

MOINS utilisera cette unité pour la sortie finale —6px dans ce cas.

Ça devrait être:

width: 100%*(140/620);

Answer 2

Peut-être que la fonction percentage n'existait pas lorsque OP demandait mais pour référence future j'ajoute cette réponse.

div.child-container {
    width: percentage(140/620);
}