Jak obliczyć wartości procentowe w LESS CSS?

Question

Chciałbym obliczyć szerokość kontenera potomnego (div itp.) W procentach w zależności od kontenera nadrzędnego z LESS CSS.

Używam forumula przez Ethana Marcotte: target/context = result.

nadrzędna pojemnik: 620px
pojemnik dziecka: 140px

Używam tego obliczenia:

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

jednak wyjście:

div.child-container { 
    width: 0.2258064516129; 
} 

Chciałbym przenieść po przecinku wpisz dwie cyfry i dodaj%, tak:

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

Wszelkie wskazówki bardzo mile widziane.

Answer 1

Według LESS CSS website, trzeba zmienić kolejność swojego równania

Wyjście jest dość dużo, co można oczekiwać mniej rozumie różnicę pomiędzy kolorami i jednostek. Jeśli urządzenie jest używane w operacji, jak w:

@var: 1px + 5; 

MNIEJ będzie używać tego urządzenia końcowego output- 6px w tej sprawie.

Powinno być:

width: 100%*(140/620); 

Answer 2

Może funkcja percentage nie istniał gdy OP pytał, ale w przyszłości dodam tę odpowiedź.

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