如何计算LESS CSS中的百分比?

前端之家收集整理的这篇文章主要介绍了如何计算LESS CSS中的百分比?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想计运算符容器(div等)的宽度,百分比取决于具有 LESS CSS的父容器。

我使用的论坛Ethan Marcotte:target / context = result。

父容器:620px
子容器:140像素

我使用这个计算:

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

但是输出是:

div.child-container {
    width: 0.2258064516129;
}

我想移动小数点两位数并添加%,像这样:

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

任何提示非常感谢。

解决方法

阅读 LESS CSS website后,你需要改变方程的顺序

The output is pretty much what you expect—LESS understands the difference between colors and units. If a unit is used in an operation,like in:

06000

LESS will use that unit for the final output—6px in this case.

它应该是:

width: 100%*(140/620);
原文链接:https://www.f2er.com/css/220252.html

猜你在找的CSS相关文章