Comment calculer les pourcentages en moins CSS?
Je voudrais calculer la largeur du conteneur enfant (div etc) en pourcentages en fonction du conteneur parent avec Moins CSS .
Je suis l'aide de la forumula par Ethan Marcotte: objectif / contexte = résultat.
Conteneur Parent: 620 px
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 le point décimal deux chiffres et ajouter le%, comme ce:
div.child-container {
width: 22.58064516129%;
}
Tous les conseils grandement appréciés.
2 réponses
Selon le site web LESS CSS , 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;LESS utilisera cette unité pour la sortie finale -
6pxdans ce cas.
Il devrait être:
width: 100%*(140/620);
Peut-être le percentage la fonction n'existait pas quand OP demandait mais pour référence future j'ajoute cette réponse.
div.child-container {
width: percentage(140/620);
}