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

Я хотел бы рассчитать ширину дочернего контейнера (div и т.д.) в процентах в зависимости от родительского контейнера с LESS CSS.

Я использую форумку от Ethan Marcotte: target/context = result.

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

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

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

Однако вывод:

div.child-container {
    width: 0.2258064516129;
}

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

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

Любые намеки получили высокую оценку.

Ответы

Ответ 1

После прочтения сайта LESS CSS вам нужно изменить порядок вашего уравнения

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

@var: 1px + 5;

LESS будет использовать этот блок для окончательного вывода 6px в этом случае.

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

width: 100%*(140/620);

Ответ 2

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

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