相关疑难解决方法(0)

我正在使用的Less编译器(OrangeBits和dotless 1.3.0.5)正在积极地进行翻译

body { width: calc(100% - 250px - 1.5em); }

成

body { width: calc(-151.5%); }

这显然是不希望的.我想知道是否有办法向Less编译器发出信号,在编译期间基本上忽略该属性.我搜索了Less文档和两个编译器的文档,但我找不到任何东西.

Less或less编译器是否支持此功能？

如果没有,是否有一个CSS扩展器呢？

我认为答案是否定的,但是你可以用CSS定位背景图像,这样它就是远离右边的固定数量的像素吗？

如果我设置background-positionx和y的值,那么它们似乎只分别从左侧和顶部进行固定像素调整.

我将从百分比到像素计算某个元素的宽度,因此我将使用LESS和calc()减去-10px .这是可能的？

div {
    span {
        width:calc(100% - 10px);
    }
}

我使用CSS3 calc()所以它不起作用:calc(100% - 10px)

示例:如果100%= 500px,则宽度= 490px(500-10);

我做了一个测试演示:http://jsfiddle.net/4DujZ/55/

所以padding会说:5(10px/2),当我调整大小时.

我能做到这一点在LESS？我知道如何在jQuery和简单的CSS像保证金填充或做别的......但我会努力做到功能在LESS与calc()

我想显示一个带有边距的expandable div(width: 100%)...

这是我的代码:

<div id="page">
    <div id="margin">
        "some content here"
    </div>
</div>?

这是我的css代码:

#page {
  background: red;
  float: left;
  width: 100%;
  height: 300px;
}

#margin {
  background: green;
  float: left;
  width: 100%;
  height: 300px;
  margin: 10px;
}?

现场演示

是否可以逃避整个声明？这符合less.js(我使用less.app)

margin: e(" 0 10px");

但这会引发错误:

e("margin: 0 10px");

我已经尝试将'margin'放在变量中,但没有成功.

我正在尝试使用该calc()函数,但它返回错误的值.

我正在使用这个:

height: calc(100% - 45px);  
height: -webkit-calc(100% - 45px);  
height: -moz-calc(100% - 45px);  

..但它将高度设置为55%.为什么？我在这做错了什么？

http://jsfiddle.net/L7x9j/

我的_main.less文件中有以下样式

#mapid {
  width: 100%;
  min-height: min(65vh, 500px);
  max-height: 500px;
}

但是 Less 编译器抱怨（使用 grunt）

>> File "public/less/_main.less" changed.
Running "less:development" (less) task
>> ./public/less/_main.less: [L86:C14] error evaluating function `min`: incompatible types
Warning: Error compiling ./public/less/_main.less Use --force to continue.

Aborted due to warnings.

但这在 CSS 中运行良好（请参阅文档）。