以像素为单位计算vw的百分比,除以2并将结果添加到像素中

时间:2016-04-25 12:22:56

标签: css less

标题几乎解释了这一切,我在LESS中有这个计算,它是我的sideBar的左边插图。

侧栏:300px

内容:960px

// half of the empty space
left: calc(~'(100% - 1260px)' / 2)

然后计算我的内容div的插图,我需要重复这个并添加侧边栏的宽度。

我试过

// half of the empty space
left: calc(~'(100% - 1260px)' / 2 +300px)

// half of the empty space
left: calc((~'(100% - 1260px)' / 2)+300px)

我还尝试将原始计算器放入变量并添加300px,没有运气。

这样甚至可能吗?

1 个答案:

答案 0 :(得分:2)

您必须将转义字符放在括号内,以便在LESS启动之前获取要评估的语句部分: left: calc(~'(100% - 1260px) / 2')

我在这里找到了一个很好的解释: Calculating width from percent to pixel then minus by pixel in LESS CSS