Как рассчитать проценты в LESS CSS?

Question

Я бы хотел рассчитать ширину дочернего контейнера (div и т. Д.) В процентах, в зависимости от родительского контейнера, с помощью МЕНЬШЕ CSS .

Я использую форум от Этана Маркотта: target / context = result .

Родительский контейнер: 620px
Дочерний контейнер: 140px

Я использую этот расчет:

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

Однако вывод будет таким:

div.child-container {
    width: 0.2258064516129;
}

Я хотел бы переместить десятичную точку на две цифры и добавить%, например:

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

Любые подсказки очень приветствуются.

Answer 1

Согласно веб-сайту LESS CSS , вам нужно изменить порядок своего уравнения

Вывод в значительной степени соответствует вашим ожиданиям - LESS понимает разницу между цветами иединицы.Если в операции используется единица, например:

@var: 1px + 5;

МЕНЬШЕ будет использовать эту единицу для конечного вывода - в данном случае 6px.

Это должно быть:

width: 100%*(140/620);

Answer 2

Возможно, функция percentage не существовала, когда OP запрашивал, но для дальнейшего использования я добавляю этот ответ.

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