css/Less calc()方法崩溃我的IE10

Question

我想在div中得到一个高度比父div高出55px.

我试着这样做:height: calc(~"100% - 55px");在less中创造了这个:height: calc(100% - 55px);

这在Chrome和Firefox中运行良好,但在IE10上崩溃.

这不是它不起作用但它崩溃了.这很奇怪,我试图在线找到一些信息,但看不到任何东西.

而且,这只发生在高度上.如果我calc()在宽度上使用该方法它运行正常.

关于我如何能够找到底线的任何想法？

Answer 1

我发现了这个问题.有一个高度:继承其中一个内部div.显然,IE会因为计算出来并且显然不可继承而对此感到非常困惑.一切都很好.

换句话说,你不能做这样的事情:

<div style="height:100%">
  <div style="height: calc(100% - 50px)">
    <div style="height:inherit">
    </div>
  </div>
</div>

如果你做IE10会崩溃,这是一个例子:http://jsfiddle.net/wyRXp/1/

在这里我拿出了继承高度:http://jsfiddle.net/wyRXp/2/ 它工作正常.

以上两个示例在Firefox和Chrome中都能正常运行