2016-04-25 59 views
1

标题几乎可以解释这一切,我在LESS中计算了该值,它是我sideBar的左侧插入。以像素为单位计算vw的百分比,除以2并将结果添加到像素

:300像素

内容:960像素

// 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) 

我也试图把原来calculatin到一个变量,并添加300到的是,没有运气。

那么这甚至有可能吗?

+1

你可能想看看这个主题 - http://stackoverflow.com/questions/36206484/why-is-this-less-expression-a-syntax-error-depending-on-the-math -operation/36214895#36214895。将整个数学放在引号后面的escape运算符中。答案中解释了原因。 – Harry

+1

在这两种情况下,错误只是逃避'calc'表达式的一部分 - 正确的转义将是calc(〜'(100% - 1260px)/ 2')和'calc((〜'(100% - 1260px)/ 2 + 300px')'(前者在编写错误时有点意外,因为在@Harry链接的A中描述的副作用)。 –

回答