Question

我正在设计一个网页的标题栏，该标题栏的标题使用H1元素，副标题使用H2元素。在窗口大小超过800px时，H1元素的宽度加上其右边距为385px，因此我将H2元素的宽度设置为容器的100％减去385px; H1元素的宽度。这是SASS的一部分。

.container

    h1
        width: 335px
        margin-right: 50px
    h2
        width: calc(100% - 385px)
        top: 5px

这在我测试的浏览器（Safari，Firefox，Chrome，Opera）中运行良好，但是当我尝试使用W3C进行验证时（网站的要求完全符合严格的CSS和XHTML标准），它返回an error：

＆＃34;值错误：宽度分析错误 - 385px）＆＃34;

需要更改哪些内容才能正确验证此代码？是否有可以实现的JavaScript / JQuery解决方法？

更新11.28.14 上面SASS代码的预编译CSS在这里：

＆＃13;

#strip .container h1 {
  width: 335px;
  margin-right: 50px;
}
#strip .container h2 {
  width: calc(100% - 385px);
  top: 5px;
}

＆＃13;