less 支持不同单位的运算吗？

王桑的一天 2016-08-11 03:30:08



div {

        width: 100% - 100px;

}

我这样写好像不行啊，是不支持吗？因为有时候某个地方想要预留固定大小的位置，其余部分又想它能自适应宽度/高度，请问有什么办法吗？

...全文

398 11 打赏收藏转发到动态举报

写回复

用AI写文章

11 条回复

切换为时间正序

请发表友善的回复…

发表回复

王桑的一天 2016-08-12

打赏
举报

引用 4 楼 jslang 的回复:

[quote=引用 3 楼 wn0112 的回复:] [quote=引用 2 楼 jslang 的回复:] width: calc(100% - 100px);

这样写好像不行的，我试过[/quote] 这是css3的写法，ie9以上支持[/quote] 我用的是最新版chrome，这样写是有效果，但效果不对，貌似是按100% - 100%计算，即使后面数值的单位是px，但都被当作百分比计算。

王桑的一天 2016-08-12

打赏
举报

引用 5 楼 theforever 的回复:

100%是在客户端运行时才能得到的值，在LESS里以及从LESS编译成CSS时都不能处理，只能保留到CSS中。而目前的CSS还不支持这样的写法。所以还是多练习使用margin和padding等达到效果。

less有这么弱吗？请问less支持条件判断不？像写代码中的条件判断一样，根据条件设置样式

王桑的一天 2016-08-12

打赏
举报

引用 1 楼 showbo 的回复:

肯定不行了。。不要设置width，设置margin-right预留位置，那个空出来的位置需要用absolute进行定位

按照你说的成功了，不设置width，设置左右margin，中间部分会自动适应宽度

王桑的一天 2016-08-12

打赏
举报

引用 2 楼 jslang 的回复:

width: calc(100% - 100px);

这样用


width: calc(~'100vh - 100px');

碧海情天-赵亮 2016-08-12

打赏
举报

less有这么弱吗？
------------
我的意思应该挺明白了，这不是LESS弱的问题。就象CoffeeScript，它再怎么折腾，最终还是要编译成JS，跑不出JS的特性与能力。同样，LESS也一样，它只是简化了编写CSS的工作而已，最终这种问题还是要从CSS的角度来看。

所以这是CSS的问题。在新的CSS3中才得到加强。而CSS3的使用还没有完全普及，采用的话需要付出流失不少用户的代价。
这才是正确的意思，明白吗。

碧海情天-赵亮 2016-08-12

打赏
举报

less有这么弱吗？
------------
我的意思应该挺明白了，这不是LESS弱的问题。就象CoffeeScript，它再怎么折腾，最终还是要编译成CSS。
所以这是CSS的问题。在新的CSS3中才得到加强。而CSS3的使用还没有完全普及，采用的话需要付出流失不少用户的代价。
这才是正确的意思，明白吗。

碧海情天-赵亮 2016-08-11